.mat-elevation-z0 {
    box-shadow: 0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12);
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12);
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12);
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12);
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12);
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12);
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12);
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12);
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12);
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12);
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12);
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12);
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12);
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12);
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
}

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto,"Helvetica Neue",sans-serif;
}

.mat-badge-small .mat-badge-content {
    font-size: 6px;
}

.mat-badge-large .mat-badge-content {
    font-size: 24px;
}

.mat-h1, .mat-headline, .mat-typography h1 {
    font: 400 24px/32px Roboto,"Helvetica Neue",sans-serif;
    margin: 0 0 16px;
}

.mat-h2, .mat-title, .mat-typography h2 {
    font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
    margin: 0 0 16px;
}

.mat-h3, .mat-subheading-2, .mat-typography h3 {
    font: 400 16px/28px Roboto,"Helvetica Neue",sans-serif;
    margin: 0 0 16px;
}

.mat-h4, .mat-subheading-1, .mat-typography h4 {
    font: 400 15px/24px Roboto,"Helvetica Neue",sans-serif;
    margin: 0 0 16px;
}

.mat-h5, .mat-typography h5 {
    font: 400 11.62px/20px Roboto,"Helvetica Neue",sans-serif;
    margin: 0 0 12px;
}

.mat-h6, .mat-typography h6 {
    font: 400 9.38px/20px Roboto,"Helvetica Neue",sans-serif;
    margin: 0 0 12px;
}

.mat-body-2, .mat-body-strong {
    font: 500 14px/24px Roboto,"Helvetica Neue",sans-serif;
}

.mat-body, .mat-body-1, .mat-typography {
    font: 400 14px/20px Roboto,"Helvetica Neue",sans-serif;
}

    .mat-body p, .mat-body-1 p, .mat-typography p {
        margin: 0 0 12px;
    }

.mat-caption, .mat-small {
    font: 400 12px/20px Roboto,"Helvetica Neue",sans-serif;
}

.mat-display-4, .mat-typography .mat-display-4 {
    font: 300 112px/112px Roboto,"Helvetica Neue",sans-serif;
    margin: 0 0 56px;
    letter-spacing: -.05em;
}

.mat-display-3, .mat-typography .mat-display-3 {
    font: 400 56px/56px Roboto,"Helvetica Neue",sans-serif;
    margin: 0 0 64px;
    letter-spacing: -.02em;
}

.mat-display-2, .mat-typography .mat-display-2 {
    font: 400 45px/48px Roboto,"Helvetica Neue",sans-serif;
    margin: 0 0 64px;
    letter-spacing: -.005em;
}

.mat-display-1, .mat-typography .mat-display-1 {
    font: 400 34px/40px Roboto,"Helvetica Neue",sans-serif;
    margin: 0 0 64px;
}

.mat-bottom-sheet-container {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.mat-button, .mat-fab, .mat-flat-button, .mat-icon-button, .mat-mini-fab, .mat-raised-button, .mat-stroked-button {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.mat-button-toggle, .mat-card {
    font-family: Roboto,"Helvetica Neue",sans-serif;
}

.mat-card-title {
    font-size: 24px;
    font-weight: 400;
}

.mat-card-content, .mat-card-header .mat-card-title, .mat-card-subtitle {
    font-size: 14px;
}

.mat-checkbox {
    font-family: Roboto,"Helvetica Neue",sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px;
}

.mat-chip {
    font-size: 13px;
    line-height: 18px;
}

    .mat-chip .mat-chip-remove.mat-icon, .mat-chip .mat-chip-trailing-icon.mat-icon {
        font-size: 18px;
    }

.mat-table {
    font-family: Roboto,"Helvetica Neue",sans-serif;
}

.mat-header-cell {
    font-size: 12px;
    font-weight: 500;
}

.mat-cell, .mat-footer-cell {
    font-size: 14px;
}

.mat-calendar {
    font-family: Roboto,"Helvetica Neue",sans-serif;
}

.mat-calendar-body {
    font-size: 13px;
}

.mat-calendar-body-label, .mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500;
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400;
}

.mat-dialog-title {
    font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
}

.mat-expansion-panel-header {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.mat-expansion-panel-content {
    font: 400 14px/20px Roboto,"Helvetica Neue",sans-serif;
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto,"Helvetica Neue",sans-serif;
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125;
}

.mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em;
}

    .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon {
        height: 1.125em;
        line-height: 1.125;
    }

.mat-form-field-infix {
    padding: .5em 0;
    border-top: .84375em solid transparent;
}

.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    -webkit-transform: translateY(-1.34375em) scale(.75);
    transform: translateY(-1.34375em) scale(.75);
    width: 133.33333%;
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-1.34374em) scale(.75);
    transform: translateY(-1.34374em) scale(.75);
    width: 133.33334%;
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em;
}

.mat-form-field-label {
    top: 1.34375em;
}

.mat-form-field-underline {
    bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .66667em;
    top: calc(100% - 1.79167em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    -ms-transform: translateY(-1.28125em) scale(.75);
    width: 133.33333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    -ms-transform: translateY(-1.28124em) scale(.75);
    width: 133.33334%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    -ms-transform: translateY(-1.28123em) scale(.75);
    width: 133.33335%;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em;
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .54167em;
    top: calc(100% - 1.66667em);
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em;
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em;
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    -webkit-transform: translateY(-.59375em) scale(.75);
    transform: translateY(-.59375em) scale(.75);
    width: 133.33333%;
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-.59374em) scale(.75);
    transform: translateY(-.59374em) scale(.75);
    width: 133.33334%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0;
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em;
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    -webkit-transform: translateY(-1.59375em) scale(.75);
    transform: translateY(-1.59375em) scale(.75);
    width: 133.33333%;
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    -webkit-transform: translateY(-1.59374em) scale(.75);
    transform: translateY(-1.59374em) scale(.75);
    width: 133.33334%;
}

.mat-grid-tile-footer, .mat-grid-tile-header {
    font-size: 14px;
}

    .mat-grid-tile-footer .mat-line, .mat-grid-tile-header .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box;
    }

        .mat-grid-tile-footer .mat-line:nth-child(n+2), .mat-grid-tile-header .mat-line:nth-child(n+2) {
            font-size: 12px;
        }

input.mat-input-element {
    margin-top: -.0625em;
}

.mat-menu-item {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.mat-paginator, .mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 12px;
}

.mat-radio-button, .mat-select {
    font-family: Roboto,"Helvetica Neue",sans-serif;
}

.mat-select-trigger {
    height: 1.125em;
}

.mat-slide-toggle-content {
    font: 400 14px/20px Roboto,"Helvetica Neue",sans-serif;
}

.mat-slider-thumb-label-text {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.mat-stepper-horizontal, .mat-stepper-vertical {
    font-family: Roboto,"Helvetica Neue",sans-serif;
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400;
}

.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500;
}

.mat-tab-group {
    font-family: Roboto,"Helvetica Neue",sans-serif;
}

.mat-tab-label, .mat-tab-link {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 {
    font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif;
    margin: 0;
}

.mat-tooltip {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.mat-list-item, .mat-list-option {
    font-family: Roboto,"Helvetica Neue",sans-serif;
}

.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
    font-size: 16px;
}

    .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box;
    }

        .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
            font-size: 14px;
        }

.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
    font-size: 16px;
}

    .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box;
    }

        .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
            font-size: 14px;
        }

.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
    font-size: 12px;
}

    .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        box-sizing: border-box;
    }

        .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option {
            font-size: 12px;
        }

            .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block;
                box-sizing: border-box;
            }

                .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
                    font-size: 12px;
                }

.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.mat-option {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 16px;
    color: rgba(0,0,0,.87);
}

.mat-optgroup-label {
    font: 500 14px/24px Roboto,"Helvetica Neue",sans-serif;
    color: rgba(0,0,0,.54);
}

.mat-simple-snackbar {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 14px;
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
}

.mat-ripple {
    overflow: hidden;
}

    .mat-ripple.mat-ripple-unbounded {
        overflow: visible;
    }

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity,transform cubic-bezier(0,0,.2,1),-webkit-transform cubic-bezier(0,0,.2,1);
    -webkit-transform: scale(0);
    transform: scale(0);
}

@media screen and (-ms-high-contrast:active) {
    .mat-ripple-element {
        display: none;
    }
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.cdk-global-overlay-wrapper, .cdk-overlay-container {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000;
}

    .cdk-overlay-container:empty {
        display: none;
    }

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000;
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%;
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0;
}

    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 1;
    }

@media screen and (-ms-high-contrast:active) {
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: .6;
    }

    .mat-badge-small .mat-badge-content {
        outline: solid 1px;
        border-radius: 0;
    }
}

.cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.288);
}

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px;
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    -webkit-animation-name: cdk-text-field-autofill-start;
    animation-name: cdk-text-field-autofill-start;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    -webkit-animation-name: cdk-text-field-autofill-end;
    animation-name: cdk-text-field-autofill-end;
}

textarea.cdk-textarea-autosize {
    resize: none;
}

textarea.cdk-textarea-autosize-measuring {
    height: auto !important;
    overflow: hidden !important;
    padding: 2px 0 !important;
    box-sizing: content-box !important;
}

.mat-ripple-element {
    background-color: rgba(0,0,0,.1);
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled), .mat-option:hover:not(.mat-option-disabled) {
    background: rgba(0,0,0,.04);
}

.mat-option.mat-active {
    background: rgba(0,0,0,.04);
    color: rgba(0,0,0,.87);
}

.mat-option.mat-option-disabled {
    color: rgba(0,0,0,.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #3f51b5;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ff4081;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336;
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: rgba(0,0,0,.38);
}

.mat-pseudo-checkbox {
    color: rgba(0,0,0,.54);
}

    .mat-pseudo-checkbox::after {
        color: #fafafa;
    }

.mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate, .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate {
    background: #ff4081;
}

.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #3f51b5;
}

.mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate {
    background: #f44336;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
    background: #b0b0b0;
}

.mat-app-background {
    background-color: #fafafa;
    color: rgba(0,0,0,.87);
}

.mat-theme-loaded-marker {
    display: none;
}

.mat-autocomplete-panel {
    background: #fff;
    color: rgba(0,0,0,.87);
}

    .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
        background: #fff;
    }

        .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
            color: rgba(0,0,0,.87);
        }

.mat-badge-accent .mat-badge-content {
    background: #ff4081;
    color: #fff;
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336;
}

.mat-badge {
    position: relative;
}

.mat-badge-hidden .mat-badge-content {
    display: none;
}

.mat-badge-content {
    color: #fff;
    background: #3f51b5;
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
}

    .mat-badge-content.mat-badge-active {
        -webkit-transform: none;
        transform: none;
    }

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px;
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px;
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px;
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px;
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px;
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px;
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px;
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px;
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px;
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px;
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px;
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px;
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px;
}

.mat-bottom-sheet-container {
    background: #fff;
    color: rgba(0,0,0,.87);
}

.mat-button, .mat-icon-button, .mat-stroked-button {
    color: inherit;
    background: 0 0;
}

    .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
        color: #3f51b5;
    }

    .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
        color: #ff4081;
    }

    .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
        color: #f44336;
    }

        .mat-button.mat-accent[disabled], .mat-button.mat-primary[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
            color: rgba(0,0,0,.26);
        }

    .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
        background-color: rgba(63,81,181,.12);
    }

    .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
        background-color: rgba(255,64,129,.12);
    }

    .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
        background-color: rgba(244,67,54,.12);
    }

    .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
        background-color: transparent;
    }

    .mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
        background-color: rgba(63,81,181,.1);
    }

    .mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
        background-color: rgba(255,64,129,.1);
    }

    .mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
        background-color: rgba(244,67,54,.1);
    }

.mat-fab, .mat-flat-button, .mat-mini-fab, .mat-raised-button {
    color: rgba(0,0,0,.87);
    background-color: #fff;
}

    .mat-fab.mat-accent, .mat-fab.mat-primary, .mat-fab.mat-warn, .mat-flat-button.mat-accent, .mat-flat-button.mat-primary, .mat-flat-button.mat-warn, .mat-mini-fab.mat-accent, .mat-mini-fab.mat-primary, .mat-mini-fab.mat-warn, .mat-raised-button.mat-accent, .mat-raised-button.mat-primary, .mat-raised-button.mat-warn {
        color: #fff;
    }

        .mat-fab.mat-accent[disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled] {
            color: rgba(0,0,0,.26);
            background-color: rgba(0,0,0,.12);
        }

    .mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
        background-color: #3f51b5;
    }

    .mat-fab.mat-accent, .mat-flat-button.mat-accent, .mat-mini-fab.mat-accent, .mat-raised-button.mat-accent {
        background-color: #ff4081;
    }

    .mat-fab.mat-warn, .mat-flat-button.mat-warn, .mat-mini-fab.mat-warn, .mat-raised-button.mat-warn {
        background-color: #f44336;
    }

        .mat-fab.mat-accent .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-flat-button.mat-accent .mat-ripple-element, .mat-flat-button.mat-primary .mat-ripple-element, .mat-flat-button.mat-warn .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element {
            background-color: rgba(255,255,255,.1);
        }

.mat-icon-button.mat-primary .mat-ripple-element {
    background-color: rgba(63,81,181,.2);
}

.mat-icon-button.mat-accent .mat-ripple-element {
    background-color: rgba(255,64,129,.2);
}

.mat-icon-button.mat-warn .mat-ripple-element {
    background-color: rgba(244,67,54,.2);
}

.mat-button-toggle {
    color: rgba(0,0,0,.38);
}

    .mat-button-toggle .mat-button-toggle-focus-overlay {
        background-color: rgba(0,0,0,.12);
    }

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: rgba(0,0,0,.54);
}

.mat-button-toggle-disabled {
    background-color: #eee;
    color: rgba(0,0,0,.26);
}

    .mat-button-toggle-disabled.mat-button-toggle-checked {
        background-color: #bdbdbd;
    }

.mat-card {
    background: #fff;
    color: rgba(0,0,0,.87);
}

.mat-card-subtitle {
    color: rgba(0,0,0,.54);
}

.mat-checkbox-frame {
    border-color: rgba(0,0,0,.54);
}

.mat-checkbox-checkmark {
    fill: #fafafa;
}

.mat-checkbox-checkmark-path {
    stroke: #fafafa !important;
}

@media screen and (-ms-high-contrast:black-on-white) {
    .mat-checkbox-checkmark-path {
        stroke: #000 !important;
    }
}

.mat-checkbox-mixedmark {
    background-color: #fafafa;
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background, .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
    background-color: #3f51b5;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #ff4081;
}

.mat-checkbox-checked.mat-warn .mat-checkbox-background, .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
    background-color: #f44336;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #b0b0b0;
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0;
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: #b0b0b0;
}

@media screen and (-ms-high-contrast:active) {
    .mat-badge-large .mat-badge-content, .mat-badge-medium .mat-badge-content {
        outline: solid 1px;
        border-radius: 0;
    }

    .mat-checkbox-disabled {
        opacity: .5;
    }

    .mat-checkbox-background {
        background: 0 0;
    }
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
    background-color: rgba(63,81,181,.26);
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
    background-color: rgba(255,64,129,.26);
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
    background-color: rgba(244,67,54,.26);
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: rgba(0,0,0,.87);
}

    .mat-chip.mat-standard-chip .mat-chip-remove {
        color: rgba(0,0,0,.87);
        opacity: .4;
    }

        .mat-chip.mat-standard-chip .mat-chip-remove:hover {
            opacity: .54;
        }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
        background-color: #3f51b5;
        color: #fff;
    }

        .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
            color: #fff;
            opacity: .4;
        }

            .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
                opacity: .54;
            }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
        background-color: #f44336;
        color: #fff;
    }

        .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
            color: #fff;
            opacity: .4;
        }

            .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
                opacity: .54;
            }

    .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
        background-color: #ff4081;
        color: #fff;
    }

        .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
            color: #fff;
            opacity: .4;
        }

            .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
                opacity: .54;
            }

.mat-table {
    background: #fff;
}

    .mat-table tbody, .mat-table tfoot, .mat-table thead, .mat-table-sticky, [mat-footer-row], [mat-header-row], [mat-row], mat-footer-row, mat-header-row, mat-row {
        background: inherit;
    }

mat-footer-row, mat-header-row, mat-row, td.mat-cell, td.mat-footer-cell, th.mat-header-cell {
    border-bottom-color: rgba(0,0,0,.12);
}

.mat-header-cell {
    color: rgba(0,0,0,.54);
}

.mat-cell, .mat-footer-cell {
    color: rgba(0,0,0,.87);
}

.mat-calendar-arrow {
    border-top-color: rgba(0,0,0,.54);
}

.mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button, .mat-datepicker-toggle {
    color: rgba(0,0,0,.54);
}

.mat-calendar-table-header {
    color: rgba(0,0,0,.38);
}

.mat-calendar-table-header-divider::after {
    background: rgba(0,0,0,.12);
}

.mat-calendar-body-label {
    color: rgba(0,0,0,.54);
}

.mat-calendar-body-cell-content {
    color: rgba(0,0,0,.87);
    border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    color: rgba(0,0,0,.38);
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    background-color: rgba(0,0,0,.04);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: rgba(0,0,0,.38);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: rgba(0,0,0,.18);
}

.mat-calendar-body-selected {
    background-color: #3f51b5;
    color: #fff;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(63,81,181,.4);
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff;
}

.mat-datepicker-content {
    background-color: #fff;
    color: rgba(0,0,0,.87);
}

    .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
        background-color: #ff4081;
        color: #fff;
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
        background-color: rgba(255,64,129,.4);
    }

    .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
        box-shadow: inset 0 0 0 1px #fff;
    }

    .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
        background-color: #f44336;
        color: #fff;
    }

    .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
        background-color: rgba(244,67,54,.4);
    }

    .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
        box-shadow: inset 0 0 0 1px #fff;
    }

.mat-datepicker-toggle-active {
    color: #3f51b5;
}

    .mat-datepicker-toggle-active.mat-accent {
        color: #ff4081;
    }

    .mat-datepicker-toggle-active.mat-warn {
        color: #f44336;
    }

.mat-dialog-container {
    background: #fff;
    color: rgba(0,0,0,.87);
}

.mat-divider {
    border-top-color: rgba(0,0,0,.12);
}

.mat-divider-vertical {
    border-right-color: rgba(0,0,0,.12);
}

.mat-expansion-panel {
    background: #fff;
    color: rgba(0,0,0,.87);
}

.mat-action-row {
    border-top-color: rgba(0,0,0,.12);
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
    background: rgba(0,0,0,.04);
}

@media (hover:none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff;
    }
}

.mat-expansion-panel-header-title {
    color: rgba(0,0,0,.87);
}

.mat-expansion-indicator::after, .mat-expansion-panel-header-description {
    color: rgba(0,0,0,.54);
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: rgba(0,0,0,.26);
}

    .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
        color: inherit;
    }

.mat-form-field-label, .mat-hint {
    color: rgba(0,0,0,.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #3f51b5;
}

    .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
        color: #ff4081;
    }

    .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
        color: #f44336;
    }

.mat-focused .mat-form-field-required-marker {
    color: #ff4081;
}

.mat-form-field-ripple {
    background-color: rgba(0,0,0,.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #3f51b5;
}

    .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
        background-color: #ff4081;
    }

    .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
        background-color: #f44336;
    }

.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker, .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
    color: #f44336;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #f44336;
}

.mat-error {
    color: #f44336;
}

.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .mat-hint {
    color: rgba(0,0,0,.54);
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em;
    background-color: rgba(0,0,0,.42);
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);
    background-size: 4px 100%;
    background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: rgba(0,0,0,.42);
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);
    background-size: 4px 100%;
    background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: rgba(0,0,0,.04);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: rgba(0,0,0,.02);
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
    background-color: rgba(0,0,0,.42);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0,0,0,.38);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
    background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0,0,0,.12);
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: rgba(0,0,0,.87);
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #3f51b5;
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ff4081;
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick, .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336;
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0,0,0,.38);
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: rgba(0,0,0,.06);
}

.mat-icon.mat-primary {
    color: #3f51b5;
}

.mat-icon.mat-accent {
    color: #ff4081;
}

.mat-icon.mat-warn {
    color: #f44336;
}

.mat-input-element:disabled {
    color: rgba(0,0,0,.38);
}

.mat-input-element {
    caret-color: #3f51b5;
}

    .mat-input-element::-ms-input-placeholder {
        color: rgba(0,0,0,.42);
    }

    .mat-input-element::placeholder {
        color: rgba(0,0,0,.42);
    }

    .mat-input-element::-moz-placeholder {
        color: rgba(0,0,0,.42);
    }

    .mat-input-element::-webkit-input-placeholder {
        color: rgba(0,0,0,.42);
    }

    .mat-input-element:-ms-input-placeholder {
        color: rgba(0,0,0,.42);
    }

.mat-accent .mat-input-element {
    caret-color: #ff4081;
}

.mat-form-field-invalid .mat-input-element, .mat-warn .mat-input-element {
    caret-color: #f44336;
}

.mat-list .mat-list-item, .mat-list .mat-list-option, .mat-nav-list .mat-list-item, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-item, .mat-selection-list .mat-list-option {
    color: rgba(0,0,0,.87);
}

.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0,0,0,.54);
}

.mat-list-item-disabled {
    background-color: #eee;
}

.mat-list-option.mat-list-item-focus, .mat-list-option:hover, .mat-nav-list .mat-list-item.mat-list-item-focus, .mat-nav-list .mat-list-item:hover {
    background: rgba(0,0,0,.04);
}

.mat-menu-panel {
    background: #fff;
}

.mat-menu-item {
    background: 0 0;
    color: rgba(0,0,0,.87);
}

    .mat-menu-item[disabled], .mat-menu-item[disabled]::after {
        color: rgba(0,0,0,.38);
    }

    .mat-menu-item .mat-icon:not([color]), .mat-menu-item-submenu-trigger::after {
        color: rgba(0,0,0,.54);
    }

    .mat-menu-item-highlighted:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item:hover:not([disabled]) {
        background: rgba(0,0,0,.04);
    }

.mat-paginator {
    background: #fff;
}

.mat-paginator, .mat-paginator-page-size .mat-select-trigger {
    color: rgba(0,0,0,.54);
}

.mat-paginator-decrement, .mat-paginator-increment {
    border-top: 2px solid rgba(0,0,0,.54);
    border-right: 2px solid rgba(0,0,0,.54);
}

.mat-paginator-first, .mat-paginator-last {
    border-top: 2px solid rgba(0,0,0,.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-last {
    border-color: rgba(0,0,0,.38);
}

.mat-progress-bar-background {
    fill: #c5cae9;
}

.mat-progress-bar-buffer {
    background-color: #c5cae9;
}

.mat-progress-bar-fill::after {
    background-color: #3f51b5;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #ff80ab;
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #ff80ab;
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
    background-color: #ff4081;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #ffcdd2;
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #ffcdd2;
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
    background-color: #f44336;
}

.mat-progress-spinner circle, .mat-spinner circle {
    stroke: #3f51b5;
}

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
    stroke: #ff4081;
}

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
    stroke: #f44336;
}

.mat-radio-outer-circle {
    border-color: rgba(0,0,0,.54);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #3f51b5;
}

.mat-radio-button.mat-primary .mat-radio-inner-circle {
    background-color: #3f51b5;
}

.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(63,81,181,.26);
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ff4081;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #ff4081;
}

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(255,64,129,.26);
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f44336;
}

.mat-radio-button.mat-warn .mat-radio-inner-circle {
    background-color: #f44336;
}

.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(244,67,54,.26);
}

.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle {
    border-color: rgba(0,0,0,.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle, .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(0,0,0,.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: rgba(0,0,0,.38);
}

.mat-select-content, .mat-select-panel-done-animating {
    background: #fff;
}

.mat-select-value {
    color: rgba(0,0,0,.87);
}

.mat-select-placeholder {
    color: rgba(0,0,0,.42);
}

.mat-select-disabled .mat-select-value {
    color: rgba(0,0,0,.38);
}

.mat-select-arrow {
    color: rgba(0,0,0,.54);
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0,0,0,.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #3f51b5;
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #ff4081;
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow, .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #f44336;
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: rgba(0,0,0,.38);
}

.mat-drawer-container {
    background-color: #fafafa;
    color: rgba(0,0,0,.87);
}

.mat-drawer {
    background-color: #fff;
    color: rgba(0,0,0,.87);
}

    .mat-drawer.mat-drawer-push {
        background-color: #fff;
    }

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: rgba(0,0,0,.6);
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: rgba(0,0,0,.06);
}

.mat-slide-toggle .mat-ripple-element {
    background-color: rgba(233,30,99,.12);
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #3f51b5;
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: rgba(63,81,181,.5);
}

.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
    background-color: rgba(0,0,0,.06);
}

.mat-slide-toggle.mat-primary .mat-ripple-element {
    background-color: rgba(63,81,181,.12);
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #f44336;
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: rgba(244,67,54,.5);
}

.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
    background-color: rgba(0,0,0,.06);
}

.mat-slide-toggle.mat-warn .mat-ripple-element {
    background-color: rgba(244,67,54,.12);
}

.mat-disabled .mat-slide-toggle-thumb {
    background-color: #bdbdbd;
}

.mat-disabled .mat-slide-toggle-bar {
    background-color: rgba(0,0,0,.1);
}

.mat-slide-toggle-thumb {
    background-color: #fafafa;
}

.mat-slide-toggle-bar {
    background-color: rgba(0,0,0,.38);
}

.mat-slider-track-background {
    background-color: rgba(0,0,0,.26);
}

.mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label, .mat-primary .mat-slider-track-fill {
    background-color: #3f51b5;
}

.mat-primary .mat-slider-thumb-label-text {
    color: #fff;
}

.mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label, .mat-accent .mat-slider-track-fill {
    background-color: #ff4081;
}

.mat-accent .mat-slider-thumb-label-text {
    color: #fff;
}

.mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label, .mat-warn .mat-slider-track-fill {
    background-color: #f44336;
}

.mat-warn .mat-slider-thumb-label-text {
    color: #fff;
}

.mat-slider-focus-ring {
    background-color: rgba(255,64,129,.2);
}

.cdk-focused .mat-slider-track-background, .mat-slider:hover .mat-slider-track-background {
    background-color: rgba(0,0,0,.38);
}

.mat-slider-disabled .mat-slider-thumb, .mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled:hover .mat-slider-track-background {
    background-color: rgba(0,0,0,.26);
}

.mat-slider-min-value .mat-slider-focus-ring {
    background-color: rgba(0,0,0,.12);
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: rgba(0,0,0,.87);
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: rgba(0,0,0,.26);
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: rgba(0,0,0,.26);
    background-color: transparent;
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
    border-color: rgba(0,0,0,.38);
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
    border-color: rgba(0,0,0,.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
    border-color: rgba(0,0,0,.7);
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
    background-color: rgba(0,0,0,.04);
}

.mat-step-header .mat-step-label, .mat-step-header .mat-step-optional {
    color: rgba(0,0,0,.38);
}

.mat-step-header .mat-step-icon {
    background-color: #3f51b5;
    color: #fff;
}

.mat-step-header .mat-step-icon-not-touched {
    background-color: rgba(0,0,0,.38);
    color: #fff;
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: rgba(0,0,0,.87);
}

.mat-stepper-horizontal, .mat-stepper-vertical {
    background-color: #fff;
}

.mat-stepper-vertical-line::before {
    border-left-color: rgba(0,0,0,.12);
}

.mat-stepper-horizontal-line {
    border-top-color: rgba(0,0,0,.12);
}

.mat-sort-header-arrow {
    color: #757575;
}

.mat-tab-header, .mat-tab-nav-bar {
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.mat-tab-group-inverted-header .mat-tab-header, .mat-tab-group-inverted-header .mat-tab-nav-bar {
    border-top: 1px solid rgba(0,0,0,.12);
    border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
    color: rgba(0,0,0,.87);
}

    .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
        color: rgba(0,0,0,.38);
    }

.mat-tab-header-pagination-chevron {
    border-color: rgba(0,0,0,.87);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0,0,0,.38);
}

.mat-tab-group[class*=mat-background-] .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
    background-color: rgba(197,202,233,.3);
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #3f51b5;
}

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
    background-color: #fff;
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
    background-color: rgba(255,128,171,.3);
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ff4081;
}

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
    background-color: #fff;
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
    background-color: rgba(255,205,210,.3);
}

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336;
}

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
    background-color: #fff;
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
    background-color: rgba(197,202,233,.3);
}

.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
    background-color: #3f51b5;
}

.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
    color: #fff;
}

    .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
        color: rgba(255,255,255,.4);
    }

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
    border-color: #fff;
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255,255,255,.4);
}

.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
    background-color: rgba(255,255,255,.12);
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
    background-color: rgba(255,128,171,.3);
}

.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
    background-color: #ff4081;
}

.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
    color: #fff;
}

    .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
        color: rgba(255,255,255,.4);
    }

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
    border-color: #fff;
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255,255,255,.4);
}

.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
    background-color: rgba(255,255,255,.12);
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
    background-color: rgba(255,205,210,.3);
}

.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
    background-color: #f44336;
}

.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
    color: #fff;
}

    .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
        color: rgba(255,255,255,.4);
    }

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
    border-color: #fff;
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255,255,255,.4);
}

.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
    background-color: rgba(255,255,255,.12);
}

.mat-toolbar {
    background: #f5f5f5;
    color: rgba(0,0,0,.87);
}

    .mat-toolbar.mat-primary {
        background: #3f51b5;
        color: #fff;
    }

    .mat-toolbar.mat-accent {
        background: #ff4081;
        color: #fff;
    }

    .mat-toolbar.mat-warn {
        background: #f44336;
        color: #fff;
    }

    .mat-toolbar .mat-focused .mat-form-field-ripple, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-form-field-underline {
        background-color: currentColor;
    }

    .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-select-value {
        color: inherit;
    }

    .mat-toolbar .mat-input-element {
        caret-color: currentColor;
    }

.mat-tooltip {
    background: rgba(97,97,97,.9);
}

.mat-tree {
    font-family: Roboto,"Helvetica Neue",sans-serif;
    background: #fff;
}

.mat-tree-node {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,.87);
}

.mat-snack-bar-container {
    background: #323232;
    color: #fff;
}

.mat-simple-snackbar-action {
    color: #ff4081;
}

.gearDate {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 10px;
    background-color: rgba(0,0,0,.2);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9900;
    overflow: hidden;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.date_ctrl {
    vertical-align: middle;
    background-color: #d5d8df;
    color: #000;
    margin: 0;
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9901;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.date_roll, .datetime_roll, .time_roll, .ym_roll {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    -webkit-mask: -webkit-linear-gradient(top,#debb47 50%,rgba(36,142,36,0));
}

    .date_roll > div, .datetime_roll > div, .time_roll > div, .ym_roll > div {
        font-size: 2.3em;
        height: 10em;
        float: left;
        background-color: transparent;
        position: relative;
        overflow: hidden;
        width: 40%;
    }

        .date_roll > div .gear, .datetime_roll > div .gear, .time_roll > div .gear, .ym_roll > div .gear {
            width: 100%;
            float: left;
            position: absolute;
            z-index: 9902;
            margin-top: -4em;
        }

.date_roll_mask {
    -webkit-mask: -webkit-linear-gradient(bottom,#debb47 50%,rgba(36,142,36,0));
    padding: 0;
}

.date_roll > div:nth-child(2) {
    width: 20%;
}

.date_roll > div:nth-child(1), .datetime_roll > div:nth-child(1) {
    width: 40%;
}

.datetime_roll > div:first-child, .datetime_roll > div:last-child {
    width: 60%;
}

.date_grid {
    position: relative;
    top: 4em;
    width: 100%;
    height: 2em;
    margin: 0;
    box-sizing: border-box;
    z-index: 0;
    border-top: 1px solid #abaeb5;
    border-bottom: 1px solid #abaeb5;
}

    .date_grid > div {
        color: #000;
        position: absolute;
        right: 0;
        top: 0;
        font-size: .8em;
        line-height: 2.5em;
    }

.date_roll > div:nth-child(3) .date_grid > div {
    left: 42%;
}

.datetime_roll > div .date_grid > div {
    right: 0;
}

.datetime_roll > div:first-child .date_grid > div {
    left: auto;
    right: 0;
}

.datetime_roll > div:last-child .date_grid > div {
    left: 50%;
}

.time_roll > div:nth-child(1) .date_grid > div {
    right: 1em;
}

.ym_roll > div:nth-child(1) .date_grid > div {
    right: .1em;
}

.time_roll > div .date_grid > div, .ym_roll > div .date_grid > div {
    right: 5em;
}

.date_btn {
    background-color: #268efc;
    width: 40%;
    border-radius: 5px;
    color: #fff;
    font-size: 1.6em;
    line-height: 1em;
    text-align: center;
    padding: .8em 1em;
}

.date_btn_box .lcalendar_cancel {
    float: left;
}

.date_btn_box .lcalendar_finish {
    float: right;
}

.date_btn_box:after, .date_btn_box:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    display: block;
    background-color: #96979b;
    z-index: 15;
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33);
}

.date_btn_box {
    overflow: hidden;
    align-items: stretch;
    background-color: #d5d8df;
    position: relative;
}

    .date_btn_box:before {
        left: 0;
        top: 0;
        -webkit-transform-origin: 50% 20%;
        transform-origin: 50% 20%;
    }

    .date_btn_box:after {
        left: 0;
        bottom: 0;
        -webkit-transform-origin: 50% 70%;
        transform-origin: 50% 70%;
    }

.date_roll > div:nth-child(1) .gear {
    text-indent: 20%;
}

.date_roll > div:nth-child(2) .gear {
    text-indent: -20%;
}

.date_roll > div:nth-child(3) .gear {
    text-indent: -55%;
}

.datetime_roll > div .gear {
    width: 100%;
    text-indent: -25%;
}

.datetime_roll > div:first-child .gear {
    text-indent: -10%;
}

.datetime_roll > div:last-child .gear {
    text-indent: -50%;
}

.time_roll > div .gear, .ym_roll > div .gear {
    width: 100%;
    text-indent: -70%;
}

.time_roll > div:nth-child(1) .gear, .ym_roll > div:nth-child(1) .gear {
    width: 100%;
    text-indent: 10%;
}

* {
    margin: 0;
    padding: 0;
}

body, html {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

i {
    font-style: normal;
}

body {
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";
}

.fw-normal {
    font-weight: 400;
}

li {
    list-style: none;
}

.fc-000 {
    color: #000;
}

.fc-888 {
    color: #888;
}

.fc-333 {
    color: #333;
}

.fc-666 {
    color: #666;
}

.fc-999 {
    color: #999;
}

.fc-a7050e {
    color: #a7050e;
}

.fc-red {
    color: red;
}

.fc-yellow {
    color: #f90;
}

.fc-white {
    color: #fff;
}

.fc-blue {
    color: #148cf1;
}

.fc-green {
    color: #78b830;
}

.fc-deep-blue {
    color: #268efc;
}

.fc-light-grey {
    color: #999;
}

.fc-b2b2b2 {
    color: #b2b2b2;
}

.fc-fff {
    color: #fff;
}

.fc-ad {
    color: #adadad;
}

.fc-cyan {
    color: #02c9bf;
}

.fc-fy {
    color: #f6566e;
}

.fw-bold {
    font-weight: 700;
}

.marginTop {
    margin: .2rem 0;
}

.fs-12 {
    font-size: .16rem;
}

.fs-14 {
    font-size: .18666667rem;
}

.fs-16 {
    font-size: .21333333rem;
}

.fs-18 {
    font-size: .24rem;
}

.fs-20 {
    font-size: .26666667rem;
}

.fs-22 {
    font-size: .29333333rem;
}

.fs-24 {
    font-size: 1rem;
}

.fs-26 {
    font-size: 1rem;
}

.fs-28 {
    font-size: 1rem;
}

.fs-30 {
    font-size: .4rem;
}

.fs-32 {
    font-size: 1rem;
}

.fs-34 {
    font-size: 1rem;
}

.fs-36 {
    font-size: 1rem;
}

.fs-38 {
    font-size: .50666667rem;
}

.fs-40 {
    font-size: .53333333rem;
}

.fs-42 {
    font-size: .56rem;
}

.fs-44 {
    font-size: .58666667rem;
}

.fs-46 {
    font-size: .61333333rem;
}

.fs-48 {
    font-size: .64rem;
}

.fs-50 {
    font-size: .66666667rem;
}

.fs-52 {
    font-size: .69333333rem;
}

.fs-54 {
    font-size: .72rem;
}

.fs-56 {
    font-size: .74666667rem;
}

.fs-58 {
    font-size: .77333333rem;
}

.display-flex {
    display: flex;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.box-shadow {
    box-shadow: 0 .046rem .093rem #ddd;
    margin-bottom: .312rem;
}

.warp-text {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.info-icon {
    border-radius: 50%;
    color: #fff;
    background: #bbb;
    text-align: center;
    font-size: .32rem;
    line-height: .35rem;
    width: .35rem;
    height: .35rem;
}

.bg-gradient {
    background: #fff;
    background: linear-gradient(#286efc,#85bffd,#bedcfd);
    background-attachment: fixed;
}

.bg-horizontal-gradient {
    background: #fff;
    background: linear-gradient(to right,#2f92fc,#419cfc,#7abafc);
    background-attachment: fixed;
}

.bg-blue {
    background-color: #268efc;
}

.bg-cyan {
    background-color: #0ca5c9;
}

.bg-correct {
    background-color: #d4e8ef;
}

.bg-light-blue {
    background-color: #e9f3ff;
}

.bg-light-grey {
    background-color: #f5f5f5;
}

.bg-white {
    background-color: #fff;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.btn-blue {
    background-color: #268efc;
}

    .btn-blue:active {
        background-color: #0966c7;
    }

.btn-white {
    background-color: #fff;
    border: 1px solid #268efc;
}

    .btn-white:active {
        background-color: rgba(0,0,0,.2);
    }

.btn-white-disabled {
    background-color: #e4dada;
    border: 1px solid #268efc;
}

.btn-cyan {
    background-color: #02c9bf;
}

    .btn-cyan:active {
        background-color: #0ca5c9;
    }

.btn-light-blue {
    background-color: #e9f3ff;
}

    .btn-light-blue:active {
        background-color: #a8c9f1;
    }

.btn-deep-grey {
    background-color: #c4c4c4;
}

    .btn-deep-grey:active {
        background-color: #9ea7a7;
    }

.btn-border-radius {
    border-radius: .26666667rem;
}

.btn-padding-border-radius {
    border-radius: .53333333rem;
}

input[disabled] {
    background: 0 0;
    color: #999;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.btn-padding {
    padding: .06666667rem 0;
}

.display-inline-block {
    display: inline-block;
}

.letter-space {
    letter-spacing: .04rem;
}

.ov-hidden {
    overflow: hidden;
}

.swiper-container-patient .swiper-pagination {
    bottom: 1.33333333rem !important;
    left: 0;
    width: 100%;
}

.swiper-container-patient .patient-bullet {
    width: .4rem;
    height: .10666667rem;
    display: inline-block;
    margin-right: .13333333rem;
    background: #000;
    opacity: .2;
}

.common-page {
    min-height: 100%;
    padding-bottom: .26666667rem;
}

.check-box-default .mat-radio-outer-circle {
    border-color: #d1d1d1;
    width: 16px;
    height: 16px;
}

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #268efc;
}

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: #a8d2fe;
}

.mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
    display: none !important;
}

#cardType, #cardTypeModal, #relationship {
    border-radius: 0;
    padding: 0;
    background-color: #fff;
    overflow: visible;
}

#quantumTime {
    padding: 0;
    background: initial;
}

#verificationModal {
    border-radius: 0;
    padding: 0;
    overflow: visible;
    background-color: #fff;
}

#openSampleCardModal {
    border-radius: .26666667rem;
    padding: 0;
    overflow: visible;
}

#keyboardModal {
    border-radius: 0;
    padding: 0;
    overflow: visible;
    background-color: #fff;
    height: 5.33333333rem;
}

#RemindNumber {
    padding: 0;
}

.check-box-blue .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #0cd2de;
    width: 16px;
    height: 16px;
}

.check-box-blue .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #0cd2de;
    width: 16px;
    height: 16px;
}

.check-box-blue .mat-radio-label-content {
    padding-bottom: .15rem;
}

.check-box-blue-f .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
    width: 15px;
    height: 15px;
}

    .check-box-blue-f .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
        border: 1px solid #eee;
    }

.check-box-blue-f .mat-checkbox-checked.mat-accent .mat-checkbox-background, .check-box-blue-f .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #27e6fc;
}

.check-box-blue-lyg .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
    width: 15px;
    height: 15px;
}

    .check-box-blue-lyg .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
        border: 1px solid #c1c9c9;
    }

.check-box-blue-lyg .mat-checkbox-checked.mat-accent .mat-checkbox-background, .check-box-blue-lyg .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #27e6fc;
}

.card-style {
    border-radius: .26666667rem;
    background-color: #fff;
    margin: 0 .21333333rem;
}

.ylt-tabs .mat-tab-header {
    width: 60%;
    background: #0266d1;
    border-radius: .26666667rem;
    margin: 0 auto;
    display: flex;
}

    .ylt-tabs .mat-tab-header .mat-tab-label-container {
        display: -webkit-flex;
        -webkit-flex-grow: 1;
        display: flex;
        flex-grow: 1;
    }

        .ylt-tabs .mat-tab-header .mat-tab-label-container .mat-tab-list {
            flex-grow: 1;
            -webkit-flex-grow: 1;
        }

            .ylt-tabs .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels {
                flex-direction: row;
            }

    .ylt-tabs .mat-tab-header .mat-tab-labels {
        flex-direction: row;
        justify-content: space-around;
        padding: .16rem .13333333rem;
        width: 5.8rem;
    }

    .ylt-tabs .mat-tab-header .mat-tab-label {
        color: #fff;
        height: .90666667rem;
        font-size: .42666667rem;
        padding: 0 .64rem;
    }

        .ylt-tabs .mat-tab-header .mat-tab-label:not(.mat-tab-disabled):focus {
            color: #fff;
        }

    .ylt-tabs .mat-tab-header .mat-tab-label-active {
        background: #fff;
        color: #268efc;
        opacity: 1;
        border-radius: .18666667rem;
    }

.ylt-tabs .mat-tab-group.mat-primary .mat-ink-bar {
    background-color: transparent;
}

.ylt-tabs .mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus {
    background-color: #fff;
    color: #268efc;
}

.archives-tabs .mat-tab-header {
    display: flex;
    position: fixed;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 5px 12px 0 rgba(34,58,71,.08);
}

    .archives-tabs .mat-tab-header .mat-tab-label-container {
        display: -webkit-flex;
        -webkit-flex-grow: 1;
        display: flex;
        flex-grow: 1;
    }

        .archives-tabs .mat-tab-header .mat-tab-label-container .mat-tab-list {
            flex-grow: 1;
            -webkit-flex-grow: 1;
        }

            .archives-tabs .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels {
                flex-direction: row;
            }

    .archives-tabs .mat-tab-header .mat-tab-labels {
        flex-direction: row;
        justify-content: space-around;
    }

    .archives-tabs .mat-tab-header .mat-tab-label:not(.mat-tab-disabled):focus {
        color: #fff;
    }

.archives-tabs .mat-tab-body {
    margin-top: 1.5rem;
    background-color: #fff;
}

.archives-tabs .mat-tab-group.mat-primary .mat-ink-bar {
    background-color: #268efc;
}

.archives-tabs .mat-tab-group.mat-primary .mat-tab-label.mat-tab-label-active, .archives-tabs .mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus {
    color: #268efc;
}

.step-img {
    padding: .53333333rem 1.1rem 0;
    background: #fff;
}

    .step-img > img {
        width: 100%;
    }

    .step-img + ul {
        display: flex;
        -moz-flex-direction: flex;
        -o-flex-direction: flex;
        flex-direction: flex;
        justify-content: space-between;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        -o-align-items: stretch;
        align-items: stretch;
        line-height: .53333333rem;
        text-align: center;
        background: #fff;
        padding-bottom: .8rem;
    }

        .step-img + ul > li {
            -o-box-flex: 1 1 33%;
            box-flex: 1 1 33%;
            -moz-flex: 1 1 33%;
            -o-flex: 1 1 33%;
            flex: 1 1 33%;
        }

.showMore-arrow-common {
    width: .45333333rem;
    height: .4rem;
    margin-top: .1rem;
}

.report-list-tabs .mat-tab-header {
    background: #fff;
}

    .report-list-tabs .mat-tab-header .mat-tab-labels {
        flex-direction: row;
        justify-content: space-around;
        padding: .16rem .13333333rem;
    }

    .report-list-tabs .mat-tab-header .mat-tab-label {
        color: #fff;
        height: .90666667rem;
        font-size: .42666667rem;
        padding: 0 .64rem;
    }

        .report-list-tabs .mat-tab-header .mat-tab-label:not(.mat-tab-disabled):focus {
            color: #fff;
        }

    .report-list-tabs .mat-tab-header .mat-tab-label-active {
        background: #fff;
        color: #268efc;
        opacity: 1;
    }

.report-list-tabs .mat-tab-group.mat-primary .mat-ink-bar {
    background-color: transparent;
}

.report-list-tabs .mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus {
    background-color: #fff;
    color: #268efc;
}

#selectPatientCardModal {
    padding: 0;
    border-radius: .26666667rem;
    overflow: auto;
}

.patientCardModal {
    position: relative !important;
}

.payment-channel .mat-radio-button {
    font-size: .37333333rem;
    padding: .34666667rem 0 .34666667rem .4rem;
}

    .payment-channel .mat-radio-button:nth-last-of-type(n+2) {
        border-bottom: 1px solid #e5e5e5;
    }

.payment-channel .mat-radio-label-content {
    width: 82%;
}

    .payment-channel .mat-radio-label-content > i {
        height: .56rem;
        width: .56rem;
        margin-right: .26666667rem;
        display: inline-block;
        vertical-align: middle;
    }

.payment-channel .mat-radio-button, .payment-channel .mat-radio-label {
    width: 100%;
    box-sizing: border-box;
}

.theme-pink .bg-common-title {
    background: #fff1f1;
}

.theme-pink .fc-titleColor {
    color: #fff;
}

.theme-pink .fc-default {
    color: #333;
}

.theme-pink .fc-disabled {
    color: #b5b5b5;
}

.theme-pink .fc-shallow {
    color: #fdcbcf;
}

.theme-pink .fc-main {
    color: #f6566e;
}

.theme-pink .fc-dark {
    color: #dc5064;
}

.theme-pink .fc-inner {
    color: #fefefe;
}

.theme-pink .fc-notice {
    color: #999;
}

.theme-pink .bg-common {
    background-color: #f8f8f8;
}

.theme-pink .bg-white {
    background-color: #fff;
}

.theme-pink .bg-main {
    background-color: #f6566e;
}

.theme-pink .bg-dark {
    background-color: #dc5064;
}

.theme-pink .bg-disable {
    background-color: #dcdcdc;
}

.theme-pink .bg-shallow {
    background-color: #fdcbcf;
}

.theme-pink .btn-default {
    background-color: #f6566e;
}

.theme-pink .btn-notice {
    background-color: #999;
}

.theme-pink .btn-default:active {
    background-color: #dc5064;
}

.theme-pink .btn-white-disabled {
    background-color: #dcdcdc;
}

.theme-pink .btn-default-light {
    background-color: #fdcbcf;
}

    .theme-pink .btn-default-light:active {
        background-color: #f6566e;
    }

.theme-pink .btn-white {
    background-color: #fff;
    border: 2px solid #fdcbcf;
}

    .theme-pink .btn-white:active {
        background-color: #f6566e;
        color: #fefefe;
    }

.theme-pink .border-left3 {
    border-left: 3px solid #dc5064;
}

.theme-pink .border-common {
    border: 1px solid #fdcbcf;
}

.theme-pink .bg-horizontal-gradient {
    background: #fff;
    background: linear-gradient(to right,#dc5064,#f6566e,#fdcbcf);
    background-attachment: fixed;
}

.theme-pink .bg-gradient {
    background: #fff;
    background: linear-gradient(#dc5064,#f6566e,#fdcbcf);
    background-attachment: fixed;
}

.theme-pink .navigation-bg {
    background: #fff;
}

.theme-pink .hospital-name-fc {
    color: #5e4024;
}

.theme-pink .bg-inner-fc {
    color: #fff;
}

.theme-pink .border_active {
    border: 1px solid #b5b5b5;
}

.theme-pink .btn_selected_active {
    border: 1px solid #f6566e;
    color: #f6566e;
}

.theme-pink .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #f6566e;
}

.theme-pink .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: #fdcbcf;
}

.theme-pink .ylt-tabs .mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus {
    background-color: #fff;
    color: #dc5064;
}

.theme-pink .ylt-tabs .mat-tab-header {
    background-color: #dc5064;
}

    .theme-pink .ylt-tabs .mat-tab-header .mat-tab-label-active {
        color: #f6566e;
    }

.theme-pink .default-patient-selected {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
}

.theme-pink .default-patient-unselected {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
}

.theme-pink .choose-default-patient-selected {
    width: .48rem;
    height: .48rem;
    background: url() center center/100% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-80%,-50%);
    transform: translate(-80%,-50%);
}

.theme-pink .choose-default-patient-unselected {
    width: .48rem;
    height: .48rem;
    background: url() center center/100% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-80%,-50%);
    transform: translate(-80%,-50%);
}

.theme-pink .notice-icon {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_hospitalpay {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_outpatientpayment {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_viewreport {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .quick_generaldepartment {
    width: .74666667rem;
    height: .74666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_reminder {
    width: .32rem;
    height: .32rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    margin-right: .2rem;
}

.theme-pink .icon_me_hospitalpay {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .me-info-wrap-bg-theme {
    background: url(viewreport_BJ.cd1284bcd357b621df18.png) center center/100% 100% no-repeat;
}

.theme-pink .me-top-content-card-theme {
    background: url(Visitcard.93bf6eb71368eda4dfba.png) center center/100% 100% no-repeat;
}

.theme-pink .me-list-icon-patient {
    background: url() center/100% no-repeat;
}

.theme-pink .me-list-icon-appt {
    background: url() center/100% no-repeat;
}

.theme-pink .me-list-icon-outpatient {
    background: url() center/100% no-repeat;
}

.theme-pink .me-list-icon-inpatient {
    background: url() center/100% no-repeat;
}

.theme-pink .me-list-icon-doctor {
    background: url() center/100% no-repeat;
}

.theme-pink .floor_right {
    background: url() right center/100% no-repeat;
}

.theme-pink .icon_me_myappointment {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_me_Outpatientpaymentrecord {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_me_patient {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_coordinate {
    width: .32rem;
    height: .37333333rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-pink .icon_success {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_nopayment {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_error {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_cancelsuccess {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_arror_down {
    width: .32rem;
    height: .18666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .department_logo {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_add {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .btn_edit {
    width: 1.6rem;
    height: 1.6rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_outpatientpre_floorguide {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/80% no-repeat;
    display: inline-block;
}

.theme-pink .icon_outpatientpre_help {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_outpatientpre_guide {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_prompting {
    width: .32rem;
    height: .37333333rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-pink .icon_arrow_main {
    width: .21333333rem;
    height: .37333333rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_outpatientservicetype {
    width: .4rem;
    height: .4rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-pink .icon_woman_health_remind {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_calendar {
    width: .53333333rem;
    height: .42666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-pink .icon_Internet {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-pink .icon_phone {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-pink .icon_address {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-pink .icon_bus {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-pink .icon_trumpet {
    position: absolute;
    top: .2rem;
    left: .4rem;
    width: .6rem;
    height: .6rem;
    display: block;
    background: url() center center/100% no-repeat;
}

.theme-pink .icon_webIndex_photo {
    background: url() center center/100% no-repeat;
}

.theme-pink .border-1 {
    border-left: .01333333rem solid #f6566e;
}

.theme-pink .border-3 {
    border-left: .04rem solid #f6566e;
}

.theme-pink .border-5 {
    border-left: .06666667rem solid #f6566e;
}

.theme-pink .border-7 {
    border-left: .09333333rem solid #f6566e;
}

.theme-pink .border-9 {
    border-left: .12rem solid #f6566e;
}

.theme-pink .swiper-container .swiper-pagination-bullet-active {
    background: #f6566e;
    opacity: 1;
}

.theme-pink .check-box-blue .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f6566e;
    width: 16px;
    height: 16px;
}

.theme-pink .check-box-blue .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #f6566e;
    width: 16px;
    height: 16px;
}

.theme-pink .check-box-blue .mat-radio-label-content {
    padding-bottom: .15rem;
}

.theme-pink .card-type .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
    border-color: #f6566e;
    width: 16px;
    height: 16px;
}

.theme-pink .card-type .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #f6566e;
    width: 16px;
    height: 16px;
}

.theme-pink .card-type .mat-radio-label-content {
    padding-bottom: .15rem;
}

.theme-pink .check-box-color .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
    width: 15px;
    height: 15px;
}

    .theme-pink .check-box-color .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
        border: 1px solid #c1c9c9;
    }

.theme-pink .check-box-color .mat-checkbox-checked.mat-accent .mat-checkbox-background, .theme-pink .check-box-color .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #f6566e;
}

.theme-blue .bg-common-title {
    background: #ecf7ff;
}

.theme-blue .fc-titleColor {
    color: red;
}

.theme-blue .fc-default {
    color: #333;
}

.theme-blue .fc-shallow {
    color: #7abafc;
}

.theme-blue .fc-main {
    color: #148cf1;
}

.theme-blue .fc-dark {
    color: #217ad8;
}

.theme-blue .fc-inner {
    color: #fefefe;
}

.theme-blue .fc-notice {
    color: #999;
}

.theme-blue .fc-disabled {
    color: #b5b5b5;
}

.theme-blue .bg-common {
    background-color: #f8f8f8;
}

.theme-blue .bg-white {
    background-color: #fff;
}

.theme-blue .bg-main {
    background-color: #148cf1;
}

.theme-blue .bg-dark {
    background-color: #217ad8;
}

.theme-blue .bg-disable {
    background-color: #dcdcdc;
}

.theme-blue .bg-shallow {
    background-color: #7abafc;
}

.theme-blue .btn-default {
    background-color: #148cf1;
}

.theme-blue .btn-notice {
    background-color: #999;
}

.theme-blue .btn-default:active {
    background-color: #217ad8;
}

.theme-blue .btn-white-disabled {
    background-color: #dcdcdc;
}

.theme-blue .btn-default-light {
    background-color: #02c9bf;
}

    .theme-blue .btn-default-light:active {
        background-color: #148cf1;
    }

.theme-blue .btn-white {
    background-color: #fff;
    border: 2px solid #7abafc;
}

    .theme-blue .btn-white:active {
        background-color: #148cf1;
        color: #fefefe;
    }

.theme-blue .border-common {
    border: 1px solid #7abafc;
}

.theme-blue .border-left3 {
    border-left: 3px solid #148cf1;
}

.theme-blue .bg-horizontal-gradient {
    background: #fff;
    background: linear-gradient(to right,#2f92fc,#419cfc,#7abafc);
    background-attachment: fixed;
}

.theme-blue .bg-gradient {
    background: #fff;
    background: linear-gradient(#286efc,#85bffd,#bedcfd);
    background-attachment: fixed;
}

.theme-blue .border_active {
    border: 1px solid #b5b5b5;
}

.theme-blue .btn_selected_active {
    border: 1px solid #148cf1;
    color: #148cf1;
}

.theme-blue .bg-inner-fc {
    color: #fff;
}

.theme-blue .navigation-bg {
    background: #fff;
}

.theme-blue .hospital-name-fc {
    color: #5e4024;
}

.theme-blue .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #217ad8;
}

.theme-blue .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: #7abafc;
}

.theme-blue .ylt-tabs .mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus {
    background-color: #fff;
    color: #148cf1;
}

.theme-blue .ylt-tabs .mat-tab-header {
    background-color: #217ad8;
}

    .theme-blue .ylt-tabs .mat-tab-header .mat-tab-label-active {
        color: #217ad8;
    }

.theme-blue .default-patient-selected {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
}

.theme-blue .default-patient-unselected {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
}

.theme-blue .choose-default-patient-selected {
    width: .48rem;
    height: .48rem;
    background: url() center center/100% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-80%,-50%);
    transform: translate(-80%,-50%);
}

.theme-blue .choose-default-patient-unselected {
    width: .48rem;
    height: .48rem;
    background: url() center center/100% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-80%,-50%);
    transform: translate(-80%,-50%);
}

.theme-blue .notice-icon {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_hospitalpay {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_outpatientpayment {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_viewreport {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .quick_generaldepartment {
    width: .74666667rem;
    height: .74666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_reminder {
    width: .32rem;
    height: .32rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_me_hospitalpay {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .me-info-wrap-bg-theme {
    background: url(bg_personalcenter@2x.1b3a328f5c73e1fac6c8.png) center center/100% 100% no-repeat;
}

.theme-blue .me-top-content-card-theme {
    background: url(card_personalcenter@2x.14b24743a6aabcfc1a56.png) center center/100% 100% no-repeat;
}

.theme-blue .me-list-icon-patient {
    background: url() center/100% no-repeat;
}

.theme-blue .me-list-icon-appt {
    background: url() center/100% no-repeat;
}

.theme-blue .me-list-icon-outpatient {
    background: url() center/100% no-repeat;
}

.theme-blue .me-list-icon-inpatient {
    background: url() center/100% no-repeat;
}

.theme-blue .me-list-icon-doctor {
    background: url() center/100% no-repeat;
}

.theme-blue .floor_right {
    background: url() right center/100% no-repeat;
}

.theme-blue .icon_me_myappointment {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_me_Outpatientpaymentrecord {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_me_patient {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_coordinate {
    width: .32rem;
    height: .37333333rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-blue .icon_success {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_nopayment {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_error {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_cancelsuccess {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_arror_down {
    width: .32rem;
    height: .18666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .department_logo {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_add {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .btn_edit {
    width: 1.6rem;
    height: 1.6rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_outpatientpre_floorguide {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_outpatientpre_help {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_outpatientpre_guide {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_prompting {
    width: .32rem;
    height: .37333333rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-blue .icon_arrow_main {
    width: .21333333rem;
    height: .37333333rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_outpatientservicetype {
    width: .4rem;
    height: .4rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-blue .icon_woman_health_remind {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_calendar {
    width: .53333333rem;
    height: .42666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-blue .icon_Internet {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-blue .icon_phone {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-blue .icon_address {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-blue .icon_bus {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-blue .icon_trumpet {
    position: absolute;
    top: .2rem;
    left: .4rem;
    width: .6rem;
    height: .6rem;
    display: block;
    background: url() center center/100% no-repeat;
}

.theme-blue .icon_webIndex_photo {
    background: url() center center/100% no-repeat;
}

.theme-blue .border-1 {
    border: .01333333rem solid #148cf1;
}

.theme-blue .border-3 {
    border: .04rem solid #148cf1;
}

.theme-blue .border-5 {
    border: .06666667rem solid #148cf1;
}

.theme-blue .swiper-container .patient-bullet-active {
    background: #148cf1;
    opacity: 1;
}

.theme-blue .check-box-blue .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #148cf1;
    width: 16px;
    height: 16px;
}

.theme-blue .check-box-blue .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #148cf1;
    width: 16px;
    height: 16px;
}

.theme-blue .check-box-blue .mat-radio-label-content {
    padding-bottom: .15rem;
}

.theme-blue .card-type .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
    border-color: #148cf1;
    width: 16px;
    height: 16px;
}

.theme-blue .card-type .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #148cf1;
    width: 16px;
    height: 16px;
}

.theme-blue .card-type .mat-radio-label-content {
    padding-bottom: .15rem;
}

.theme-blue .check-box-color .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
    width: 15px;
    height: 15px;
}

    .theme-blue .check-box-color .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
        border: 1px solid #c1c9c9;
    }

.theme-blue .check-box-color .mat-checkbox-checked.mat-accent .mat-checkbox-background, .theme-blue .check-box-color .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #148cf1;
}

.theme-yellow .bg-common-title {
    background: #fff1f1;
}

.theme-yellow .fc-titleColor {
    color: red;
}

.theme-yellow .fc-default {
    color: #333;
}

.theme-yellow .fc-shallow {
    color: #facd95;
}

.theme-yellow .fc-main {
    color: #e89745;
}

.theme-yellow .fc-dark {
    color: #df782c;
}

.theme-yellow .fc-inner {
    color: #fefefe;
}

.theme-yellow .fc-notice {
    color: #999;
}

.theme-yellow .fc-disabled {
    color: #b5b5b5;
}

.theme-yellow .bg-common {
    background-color: #f8f8f8;
}

.theme-yellow .bg-white {
    background-color: #fff;
}

.theme-yellow .bg-main {
    background-color: #e89745;
}

.theme-yellow .bg-dark {
    background-color: #df782c;
}

.theme-yellow .bg-disable {
    background-color: #dcdcdc;
}

.theme-yellow .bg-shallow {
    background-color: #facd95;
}

.theme-yellow .btn-default {
    background-color: #e89745;
}

.theme-yellow .btn-notice {
    background-color: #999;
}

.theme-yellow .btn-default:active {
    background-color: #df782c;
}

.theme-yellow .btn-white-disabled {
    background-color: #dcdcdc;
}

.theme-yellow .btn-default-light {
    background-color: #facd95;
}

    .theme-yellow .btn-default-light:active {
        background-color: #e89745;
    }

.theme-yellow .btn-white {
    background-color: #fff;
    border: 2px solid #facd95;
}

    .theme-yellow .btn-white:active {
        background-color: #e89745;
        color: #fefefe;
    }

.theme-yellow .border-common {
    border: 1px solid #facd95;
}

.theme-yellow .border-left3 {
    border-left: 3px solid #e89745;
}

.theme-yellow .bg-horizontal-gradient {
    background: #fff;
    background: linear-gradient(to right,#df782c,#e89745,#facd95);
    background-attachment: fixed;
}

.theme-yellow .bg-gradient {
    background: #fff;
    background: linear-gradient(#df782c,#e89745,#facd95);
    background-attachment: fixed;
}

.theme-yellow .border_active {
    border: 1px solid #b5b5b5;
}

.theme-yellow .btn_selected_active {
    border: 1px solid #e89745;
    color: #e89745;
}

.theme-yellow .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #df782c;
}

.theme-yellow .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: #facd95;
}

.theme-yellow .ylt-tabs .mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus {
    background-color: #fff;
    color: #e89745;
}

.theme-yellow .ylt-tabs .mat-tab-header {
    background-color: #df782c;
}

    .theme-yellow .ylt-tabs .mat-tab-header .mat-tab-label-active {
        color: #df782c;
    }

.theme-yellow .default-patient-selected {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
}

.theme-yellow .default-patient-unselected {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
}

.theme-yellow .choose-default-patient-selected {
    width: .48rem;
    height: .48rem;
    background: url() center center/100% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-80%,-50%);
    transform: translate(-80%,-50%);
}

.theme-yellow .choose-default-patient-unselected {
    width: .48rem;
    height: .48rem;
    background: url() center center/100% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-80%,-50%);
    transform: translate(-80%,-50%);
}

.theme-yellow .notice-icon {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_hospitalpay {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_outpatientpayment {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_viewreport {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .quick_generaldepartment {
    width: .74666667rem;
    height: .74666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_reminder {
    width: .32rem;
    height: .32rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_me_hospitalpay {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .me-info-wrap-bg-theme {
    background: url(viewreport_BJ.cd1284bcd357b621df18.png) center center/100% 100% no-repeat;
}

.theme-yellow .me-top-content-card-theme {
    background: url(Visitcard.93bf6eb71368eda4dfba.png) center center/100% 100% no-repeat;
}

.theme-yellow .me-list-icon-patient {
    background: url() center/100% no-repeat;
}

.theme-yellow .me-list-icon-appt {
    background: url() center/100% no-repeat;
}

.theme-yellow .me-list-icon-outpatient {
    background: url() center/100% no-repeat;
}

.theme-yellow .me-list-icon-inpatient {
    background: url() center/100% no-repeat;
}

.theme-yellow .me-list-icon-doctor {
    background: url() center/100% no-repeat;
}

.theme-yellow .icon_me_myappointment {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_me_Outpatientpaymentrecord {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_me_patient {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_coordinate {
    width: .32rem;
    height: .37333333rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-yellow .icon_success {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_nopayment {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_cancelsuccess {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_arror_down {
    width: .32rem;
    height: .18666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .department_logo {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_add {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .btn_edit {
    width: 1.6rem;
    height: 1.6rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_outpatientpre_floorguide {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_outpatientpre_help {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_outpatientpre_guide {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_prompting {
    width: .32rem;
    height: .37333333rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-yellow .icon_arrow_main {
    width: .21333333rem;
    height: .37333333rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_outpatientservicetype {
    width: .4rem;
    height: .4rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-yellow .icon_woman_health_remind {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_calendar {
    width: .53333333rem;
    height: .42666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-yellow .icon_Internet {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-yellow .icon_phone {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-yellow .icon_address {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-yellow .icon_bus {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-yellow .icon_trumpet {
    position: absolute;
    top: .2rem;
    left: .4rem;
    width: .6rem;
    height: .6rem;
    display: block;
    background: url() center center/100% no-repeat;
}

.theme-yellow .icon_webIndex_photo {
    background: url() center center/100% no-repeat;
}

.theme-yellow .border-1 {
    border: .01333333rem solid #e89745;
}

.theme-yellow .border-3 {
    border: .04rem solid #e89745;
}

.theme-yellow .border-5 {
    border: .06666667rem solid #e89745;
}

.theme-yellow .swiper-container .patient-bullet-active {
    background: #e89745;
    opacity: 1;
}

.theme-yellow .check-box-blue .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #e89745;
    width: 16px;
    height: 16px;
}

.theme-yellow .check-box-blue .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #e89745;
    width: 16px;
    height: 16px;
}

.theme-yellow .check-box-blue .mat-radio-label-content {
    padding-bottom: .15rem;
}

.theme-yellow .card-type .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
    border-color: #e89745;
    width: 16px;
    height: 16px;
}

.theme-yellow .card-type .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #e89745;
    width: 16px;
    height: 16px;
}

.theme-yellow .card-type .mat-radio-label-content {
    padding-bottom: .15rem;
}

.theme-yellow .check-box-color .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
    width: 15px;
    height: 15px;
}

    .theme-yellow .check-box-color .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
        border: 1px solid #c1c9c9;
    }

.theme-yellow .check-box-color .mat-checkbox-checked.mat-accent .mat-checkbox-background, .theme-yellow .check-box-color .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #e89745;
}

.theme-tcm .bg-common-title {
    background: #fff1f1;
}

.theme-tcm .fc-titleColor {
    color: #fff;
}

.theme-tcm .fc-default {
    color: #333;
}

.theme-tcm .fc-disabled, .theme-tcm .fc-notice-title {
    color: #a08c88;
}

.theme-tcm .fc-shallow {
    color: #bea8a0;
}

.theme-tcm .fc-main {
    color: #5e4024;
}

.theme-tcm .fc-dark {
    color: #9a553f;
}

.theme-tcm .fc-inner {
    color: #fefefe;
}

.theme-tcm .fc-notice {
    color: #999;
}

.theme-tcm .bg-common {
    background-color: #f8f8f8;
}

.theme-tcm .bg-white {
    background-color: #e9dfd6 !important;
}

.theme-tcm .bg-main {
    background-color: #5e4024;
}

.theme-tcm .bg-dark {
    background-color: #9a553f;
}

.theme-tcm .bg-notice {
    background: #a08c88;
}

.theme-tcm .bg-disable {
    background-color: #dcdcdc;
}

.theme-tcm .bg-shallow {
    background-color: #bea8a0;
}

.theme-tcm .btn-default {
    background-color: #a08c88 !important;
}

.theme-tcm .btn-notice {
    background-color: #999;
}

.theme-tcm .btn-default:active {
    background-color: #573024;
}

.theme-tcm .btn-white-disabled {
    background-color: #dcdcdc;
}

.theme-tcm .btn-default-light {
    background-color: #bea8a0;
}

    .theme-tcm .btn-default-light:active {
        background-color: #5e4024;
    }

.theme-tcm .btn-white {
    background-color: #e9dfd6;
    border: 2px solid #bea8a0;
}

    .theme-tcm .btn-white:active {
        background-color: #5e4024;
        color: #fefefe;
    }

.theme-tcm .border-left3 {
    border-left: 3px solid #9a553f;
}

.theme-tcm .fc-red {
    color: #a7050e;
}

.theme-tcm .fc-light-grey {
    color: #a08c88;
}

.theme-tcm .level-one-item:before {
    color: #a7050e;
    border-left-color: #a7050e !important;
}

.theme-tcm .bg-horizontal-gradient {
    background: #fff;
    background: linear-gradient(to right,#9a553f,#a08c88,#bea8a0);
    background-attachment: fixed;
}

.theme-tcm .bg-gradient {
    background: #fff;
    background: linear-gradient(#9a553f,#bea8a0,#bea8a0);
    background-attachment: fixed;
}

.theme-tcm .bg-light-grey, .theme-tcm .bg-main-bak {
    background: #fbf7ed;
}

.theme-tcm .bg-main-bottom-bak {
    background: #e9dfd6 !important;
}

.theme-tcm .bg-texture {
    background: url(tubiao_bj.dd3b005d05a99acb9cd8.png) left center;
}

.theme-tcm .bg-report-texture {
    background: url(viewreport_BJ.6818abb36fe394b97abc.png) left center/cover;
}

.theme-tcm .bg-inpatient-texture {
    background: url(ospitalpay_BJ.62cae644a059c4cdca14.png) left center/cover;
}

.theme-tcm .bg-outpatient-texture {
    background: url(examination_BJ.cc50fee207875525b7a3.png) left center/cover;
}

.theme-tcm .pure_top::before {
    background: url(tubiao_bj.dd3b005d05a99acb9cd8.png) left center !important;
}

.theme-tcm .bg-remainder1 {
    background: #79cdad;
}

.theme-tcm .bg-remainder2 {
    background: #91b2cb;
}

.theme-tcm .bg-remainder3 {
    background: #fab97e;
}

.theme-tcm .website-list-title .nav-list-bg {
    background: 0 0 !important;
}

.theme-tcm .bg-inner-fc {
    color: #5e4024;
}

.theme-tcm .hospital_level span {
    background: #e9dfd6 !important;
    border: 1px solid #a08c88 !important;
}

.theme-tcm .nav-list-bg {
    background: url() left top/.44rem .44rem no-repeat,url() right top/.44rem .44rem no-repeat,url() left bottom/.44rem .44rem no-repeat,url() right bottom/.44rem .44rem no-repeat,url(tubiao_bj.dd3b005d05a99acb9cd8.png) left center;
}

.theme-tcm .nav-list-padding {
    padding: .30666667rem .57333333rem 0 !important;
}

.theme-tcm .border_active {
    border: 1px solid #a08c88;
}

.theme-tcm .btn_selected_active {
    border: 1px solid #a08c88;
    color: #5e4024;
}

.theme-tcm .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #9a553f;
}

.theme-tcm .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: #bea8a0;
}

.theme-tcm .ylt-tabs .mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus {
    background-color: #fff;
    color: #9a553f;
}

.theme-tcm .ylt-tabs .mat-tab-header {
    background-color: #9a553f;
}

    .theme-tcm .ylt-tabs .mat-tab-header .mat-tab-label-active {
        color: #a08c88;
    }

.theme-tcm .default-patient-selected {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
}

.theme-tcm .default-patient-unselected {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
}

.theme-tcm .choose-default-patient-selected {
    width: .48rem;
    height: .48rem;
    background: url() center center/100% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-80%,-50%);
    transform: translate(-80%,-50%);
}

.theme-tcm .choose-default-patient-unselected {
    width: .48rem;
    height: .48rem;
    background: url() center center/100% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-80%,-50%);
    transform: translate(-80%,-50%);
}

.theme-tcm .notice-icon {
    width: .34666667rem;
    height: .34666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_hospitalpay {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_outpatientpayment {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_viewreport {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .quick_generaldepartment {
    width: .74666667rem;
    height: .74666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_reminder {
    width: .32rem;
    height: .32rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    margin-right: .2rem;
}

.theme-tcm .index-title {
    background: url() center center/100% no-repeat;
}

.theme-tcm .icon_me_hospitalpay {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .me-info-wrap-bg-theme {
    background: url(card_BJ_tcm.c37ae6b8df5ff12b448a.png) center center/100% 100% no-repeat;
}

.theme-tcm .me-top-content-card-theme {
    background: url(Visitcard_tcm.5ee0aad313e04bb06566.png) center center/100% 100% no-repeat;
}

.theme-tcm .me-top-content {
    color: #5e4024 !important;
}

.theme-tcm .me-list-icon-patient {
    background: url() center/100% no-repeat;
}

.theme-tcm .me-list-icon-appt {
    background: url() center/100% no-repeat;
}

.theme-tcm .me-list-icon-outpatient {
    background: url() center/100% no-repeat;
}

.theme-tcm .me-list-icon-inpatient {
    background: url() center/100% no-repeat;
}

.theme-tcm .me-list-icon-doctor {
    background: url() center/100% no-repeat;
}

.theme-tcm .floor_right {
    width: .26666667rem !important;
    height: .56rem !important;
    background: url() right center/100% no-repeat;
}

.theme-tcm .icon_me_myappointment {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_me_Outpatientpaymentrecord {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_me_patient {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_coordinate {
    width: .32rem;
    height: .37333333rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-tcm .icon_success {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_nopayment {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_error {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_cancelsuccess {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_arror_down {
    width: .32rem;
    height: .18666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .department_logo {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_add {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .fc-highlight {
    color: #ee8824 !important;
}

.theme-tcm .fc-highlight2 {
    color: #fb6e52 !important;
}

.theme-tcm .border-highlight {
    border: 1px solid #ee8824 !important;
}

.theme-tcm .btn_edit {
    width: 1.6rem;
    height: 1.6rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .navigation-bg {
    background: #e6ded3 !important;
}

    .theme-tcm .navigation-bg:before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 100%;
        height: .18666667rem;
        top: -.18666667rem;
        left: 0;
        background: url() left top/100% no-repeat;
    }

.theme-tcm .hospital-name-fc, .theme-tcm .menu-fc {
    color: #5e4024;
}

.theme-tcm .icon_outpatientpre_floorguide {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/80% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_outpatientpre_help {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_outpatientpre_guide {
    width: .58666667rem;
    height: .58666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_prompting {
    width: .32rem;
    height: .37333333rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-tcm .icon_arrow_main {
    width: .3rem;
    height: .3rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_outpatientservicetype {
    width: .4rem;
    height: .4rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
    vertical-align: bottom;
}

.theme-tcm .icon_woman_health_remind {
    width: 1.28rem;
    height: 1.28rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_calendar {
    width: .53333333rem;
    height: .42666667rem;
    background: url() center center/100% no-repeat;
    display: inline-block;
}

.theme-tcm .icon_Internet {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-tcm .icon_phone {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-tcm .icon_address {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-tcm .icon_bus {
    width: .53333333rem;
    height: .53333333rem;
    display: block;
    float: right;
    background: url() center center/100% no-repeat;
}

.theme-tcm .icon_trumpet {
    position: absolute;
    top: .2rem;
    left: .4rem;
    width: .6rem;
    height: .6rem;
    display: block;
    background: url() center center/100% no-repeat;
}

.theme-tcm .icon_webIndex_photo {
    background: url() center center/100% no-repeat;
}

.theme-tcm .border-1 {
    border-left: .01333333rem solid #5e4024;
}

.theme-tcm .border-3 {
    border-left: .04rem solid #5e4024;
}

.theme-tcm .border-5 {
    border-left: .06666667rem solid #5e4024;
}

.theme-tcm .border-7 {
    border-left: .09333333rem solid #5e4024;
}

.theme-tcm .border-9 {
    border-left: .12rem solid #5e4024;
}

.theme-tcm .swiper-container .swiper-pagination-bullet-active {
    background: #5e4024;
    opacity: 1;
}

.theme-tcm .check-box-blue .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #5e4024;
    width: 20px;
    height: 20px;
}

.theme-tcm .check-box-blue .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #5e4024;
    width: 20px;
    height: 20px;
}

.theme-tcm .check-box-blue .mat-radio-label-content {
    padding-bottom: .15rem;
}

.theme-tcm .card-type .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
    border-color: #5e4024;
    width: 16px;
    height: 16px;
}

.theme-tcm .card-type .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #5e4024;
    width: 16px;
    height: 16px;
}

.theme-tcm .card-type .mat-radio-label-content {
    padding-bottom: .15rem;
}

.theme-tcm .check-box-color .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
    width: 15px;
    height: 15px;
}

    .theme-tcm .check-box-color .mat-checkbox .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
        border: 1px solid #c1c9c9;
    }

.theme-tcm .check-box-color .mat-checkbox-checked.mat-accent .mat-checkbox-background, .theme-tcm .check-box-color .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #5e4024;
}

.theme-tcm .date-select-inner-blue:active, .theme-tcm .date-select-inner-cyan:active {
    background-color: #a08c88 !important;
}

.theme-tcm .clinic-time .fc-blue {
    color: #5e4024;
}

.theme-tcm .clinic-time .border-left {
    border-color: #5e4024 !important;
}

.theme-tcm .border-common {
    border: 1px solid #e9dfd6 !important;
}

.theme-tcm .border-common-1 {
    border: 1px solid #5e4024 !important;
}

.theme-tcm .fc-deep-blue {
    color: #5e4024;
}

.theme-tcm .department-list-one {
    background-color: #fbf7ed !important;
}

.theme-tcm .level-one-item {
    color: #a7050e;
}

.theme-tcm .fc-333 {
    color: #5e4024;
}

.theme-tcm .fc-999 {
    color: #a08c88;
}

.theme-tcm .fc-tips {
    color: #a08c88 !important;
}

.theme-tcm .fc-tips-before {
    color: #5e4024;
}

.theme-tcm .fc-main-tips {
    color: #a7050e;
}

.theme-tcm .bg-light-grey-sub {
    background: #fbf7ed;
}

.theme-tcm .bg-input {
    background: #e9dfd6;
}

.theme-tcm .hint {
    background-color: #fbf7ed !important;
}

.theme-tcm .line-border {
    border-bottom: 1px solid #bea8a0 !important;
}

.theme-tcm .float-none {
    float: none !important;
}

.theme-tcm .btn-highlight {
    background-color: #ee8824 !important;
}

.theme-tcm .fc-gray {
    color: #573024;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform,-webkit-transform;
}

.swiper-invisible-blank-slide {
    visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        -o-transition-property: transform,height;
        transition-property: transform,height,-webkit-transform;
    }

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        transform: scale(.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        transform: scale(.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33);
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: transform .2s,top .2s,-webkit-transform .2s;
            -o-transition: transform .2s,top .2s,-webkit-transform .2s;
            transition: transform .2s,top .2s,-webkit-transform .2s;
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: transform .2s,left .2s,-webkit-transform .2s;
        -o-transition: transform .2s,left .2s,-webkit-transform .2s;
        transition: transform .2s,left .2s,-webkit-transform .2s;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s,right .2s,-webkit-transform .2s;
    -o-transition: transform .2s,right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s;
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25);
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #fff;
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25);
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000;
    }

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: 1s steps(12,end) infinite swiper-preloader-spin;
    animation: 1s steps(12,end) infinite swiper-preloader-spin;
}

    .swiper-lazy-preloader:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0;
    }

.swiper-container-flip {
    overflow: visible;
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}
/*! laydate-v5.0.9 日期与时间组件 MIT License  http://www.layui.com/laydate/  By 贤心 */

.laydate-set-ym, .layui-laydate, .layui-laydate *, .layui-laydate-list {
    box-sizing: border-box;
}

html #layuicss-laydate {
    display: none;
    position: absolute;
    width: 1989px;
}

.layui-laydate * {
    margin: 0;
    padding: 0;
}

.layui-laydate {
    position: absolute;
    z-index: 66666666;
    margin: 5px 0;
    border-radius: 2px;
    font-size: 14px;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: laydate-upbit;
    animation-name: laydate-upbit;
}

.layui-laydate-main {
    width: 272px;
}

.layui-laydate-content td, .layui-laydate-header *, .layui-laydate-list li {
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
}

@-webkit-keyframes laydate-upbit {
    from {
        -webkit-transform: translate3d(0,20px,0);
        opacity: .3;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes laydate-upbit {
    from {
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
        opacity: .3;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

.layui-laydate-static {
    position: relative;
    z-index: 0;
    display: inline-block;
    margin: 0;
    -webkit-animation: none;
    animation: none;
}

.laydate-ym-show .laydate-next-m, .laydate-ym-show .laydate-prev-m {
    display: none !important;
}

.laydate-ym-show .laydate-next-y, .laydate-ym-show .laydate-prev-y {
    display: inline-block !important;
}

.laydate-time-show .laydate-set-ym span[lay-type=month], .laydate-time-show .laydate-set-ym span[lay-type=year], .laydate-time-show .layui-laydate-header .layui-icon, .laydate-ym-show .laydate-set-ym span[lay-type=month] {
    display: none !important;
}

.layui-laydate-header {
    position: relative;
    line-height: 30px;
    padding: 10px 70px 5px;
}

    .laydate-set-ym span, .layui-laydate-header i {
        padding: 0 5px;
        cursor: pointer;
    }

    .layui-laydate-header * {
        display: inline-block;
        vertical-align: bottom;
    }

    .layui-laydate-header i {
        position: absolute;
        top: 10px;
        color: #999;
        font-size: 18px;
    }

        .layui-laydate-header i.laydate-prev-y {
            left: 15px;
        }

        .layui-laydate-header i.laydate-prev-m {
            left: 45px;
        }

        .layui-laydate-header i.laydate-next-y {
            right: 15px;
        }

        .layui-laydate-header i.laydate-next-m {
            right: 45px;
        }

.laydate-set-ym {
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.laydate-time-text {
    cursor: default !important;
}

.layui-laydate-content {
    position: relative;
    padding: 10px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

    .layui-laydate-content table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .layui-laydate-content td, .layui-laydate-content th {
        width: 36px;
        height: 30px;
        padding: 5px;
        text-align: center;
    }

    .layui-laydate-content td {
        position: relative;
        cursor: pointer;
    }

.laydate-day-mark {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
}

    .laydate-day-mark::after {
        position: absolute;
        content: '';
        right: 2px;
        top: 2px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
    }

.layui-laydate-footer {
    position: relative;
    height: 46px;
    line-height: 26px;
    padding: 10px 20px;
}

    .layui-laydate-footer span {
        margin-right: 15px;
        display: inline-block;
        cursor: pointer;
        font-size: 12px;
    }

        .layui-laydate-footer span:hover {
            color: #5fb878;
        }

.laydate-footer-btns {
    position: absolute;
    right: 10px;
    top: 10px;
}

    .laydate-footer-btns span {
        height: 26px;
        line-height: 26px;
        margin: 0 0 0 -1px;
        padding: 0 10px;
        border: 1px solid #c9c9c9;
        background-color: #fff;
        white-space: nowrap;
        vertical-align: top;
        border-radius: 2px;
    }

.layui-laydate-list > li, .layui-laydate-range .layui-laydate-main {
    display: inline-block;
    vertical-align: middle;
}

.layui-laydate-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-color: #fff;
}

    .layui-laydate-list > li {
        position: relative;
        width: 33.3%;
        height: 36px;
        line-height: 36px;
        margin: 3px 0;
        text-align: center;
        cursor: pointer;
    }

.laydate-month-list > li {
    width: 25%;
    margin: 17px 0;
}

.laydate-time-list > li {
    height: 100%;
    margin: 0;
    line-height: normal;
    cursor: default;
}

.laydate-time-list p {
    position: relative;
    top: -4px;
    line-height: 29px;
}

.laydate-time-list ol {
    height: 181px;
    overflow: hidden;
}

.laydate-time-list > li:hover ol {
    overflow-y: auto;
}

.laydate-time-list ol li {
    width: 130%;
    padding-left: 33px;
    line-height: 30px;
    text-align: left;
    cursor: pointer;
}

.layui-laydate-hint {
    position: absolute;
    top: 115px;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    line-height: 20px;
    padding: 15px;
    text-align: center;
    font-size: 12px;
}

.layui-laydate-range {
    width: 546px;
}

    .layui-laydate-range .laydate-main-list-0 .laydate-next-m, .layui-laydate-range .laydate-main-list-0 .laydate-next-y, .layui-laydate-range .laydate-main-list-1 .laydate-prev-m, .layui-laydate-range .laydate-main-list-1 .laydate-prev-y {
        display: none;
    }

    .layui-laydate-range .laydate-main-list-1 .layui-laydate-content {
        border-left: 1px solid #e2e2e2;
    }

.layui-laydate, .layui-laydate-hint {
    border: 1px solid #d2d2d2;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    background-color: #fff;
    color: #666;
}

.layui-laydate-header {
    border-bottom: 1px solid #e2e2e2;
}

    .layui-laydate-header i:hover, .layui-laydate-header span:hover {
        color: #5fb878;
    }

.layui-laydate-content {
    border-top: 0;
    border-bottom: 0;
}

    .layui-laydate-content th {
        font-weight: 400;
        color: #333;
    }

    .layui-laydate-content td {
        color: #666;
    }

        .layui-laydate-content td.laydate-selected {
            background-color: #00f7de;
        }

.laydate-selected:hover {
    background-color: #00f7de !important;
}

.layui-laydate-content td:hover, .layui-laydate-list li:hover {
    background-color: #eaeaea;
    color: #333;
}

.laydate-time-list li ol {
    margin: 0;
    padding: 0;
    border: 1px solid #e2e2e2;
    border-left-width: 0;
}

.laydate-time-list li:first-child ol {
    border-left-width: 1px;
}

.laydate-time-list > li:hover {
    background: 0 0;
}

.layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev {
    color: #d2d2d2;
}

.laydate-selected.laydate-day-next, .laydate-selected.laydate-day-prev {
    background-color: #f8f8f8 !important;
}

.layui-laydate-footer {
    border-top: 1px solid #e2e2e2;
}

.layui-laydate-hint {
    color: #ff5722;
}

.laydate-day-mark::after {
    background-color: #5fb878;
}

.layui-laydate-content td.layui-this .laydate-day-mark::after {
    display: none;
}

.layui-laydate-footer span[lay-type=date] {
    color: #5fb878;
}

.layui-laydate .layui-this {
    background-color: #009688 !important;
    color: #fff !important;
}

.layui-laydate .laydate-disabled, .layui-laydate .laydate-disabled:hover {
    background: 0 0 !important;
    color: #d2d2d2 !important;
    cursor: not-allowed !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.laydate-theme-molv {
    border: none;
}

    .laydate-theme-molv.layui-laydate-range {
        width: 548px;
    }

    .laydate-theme-molv .layui-laydate-main {
        width: 274px;
    }

    .laydate-theme-molv .layui-laydate-header {
        border: none;
        background-color: #009688;
    }

        .laydate-theme-molv .layui-laydate-header i, .laydate-theme-molv .layui-laydate-header span {
            color: #f6f6f6;
        }

            .laydate-theme-molv .layui-laydate-header i:hover, .laydate-theme-molv .layui-laydate-header span:hover {
                color: #fff;
            }

    .laydate-theme-molv .layui-laydate-content {
        border: 1px solid #e2e2e2;
        border-top: none;
        border-bottom: none;
    }

    .laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
        border-left: none;
    }

    .laydate-theme-grid .laydate-month-list > li, .laydate-theme-grid .laydate-year-list > li, .laydate-theme-grid .layui-laydate-content td, .laydate-theme-grid .layui-laydate-content thead, .laydate-theme-molv .layui-laydate-footer {
        border: 1px solid #e2e2e2;
    }

.laydate-theme-grid .laydate-selected, .laydate-theme-grid .laydate-selected:hover {
    background-color: #f2f2f2 !important;
    color: #009688 !important;
}

    .laydate-theme-grid .laydate-selected.laydate-day-next, .laydate-theme-grid .laydate-selected.laydate-day-prev {
        color: #d2d2d2 !important;
    }

.laydate-theme-grid .laydate-month-list, .laydate-theme-grid .laydate-year-list {
    margin: 1px 0 0 1px;
}

    .laydate-theme-grid .laydate-month-list > li, .laydate-theme-grid .laydate-year-list > li {
        margin: 0 -1px -1px 0;
    }

    .laydate-theme-grid .laydate-year-list > li {
        height: 43px;
        line-height: 43px;
    }

    .laydate-theme-grid .laydate-month-list > li {
        height: 71px;
        line-height: 71px;
    }

@font-face {
    font-family: laydate-icon;
    src: url(data:application/vnd.ms-fontobject;base64,mAkAAOAIAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAerr4JQAAAAAAAAAAAAAAAAAAAAAAABgAbABhAHkAZABhAHQAZQAtAGkAYwBvAG4AAAAOAFIAZQBnAHUAbABhAHIAAAAWAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAABgAbABhAHkAZABhAHQAZQAtAGkAYwBvAG4AAAAAAAABAAAACwCAAAMAMEdTVUKw/rPtAAABOAAAAEJPUy8yVu5ISQAAAXwAAABWY21hcM8eA5gAAAHsAAABuGdseWYGRtWYAAADtAAAAjhoZWFkDp99lgAAAOAAAAA2aGhlYQfeA4cAAAC8AAAAJGhtdHgX6QAAAAAB1AAAABhsb2NhAjABZgAAA6QAAAAObWF4cAEVAF0AAAEYAAAAIG5hbWVX0gVQAAAF7AAAAp1wb3N0NVZdkgAACIwAAABSAAEAAAOA/4AAXAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAGAAEAAAABAAAl+Lp6Xw889QALBAAAAAAA1cAczQAAAADVwBzNAAD/yAQAAzcAAAAIAAIAAAAAAAAAAQAAAAYAUQAFAAAAAAACAAAACgAKAAAA/wAAAAAAAAABAAAACgAeACwAAURGTFQACAAEAAAAAAAAAAEAAAABbGlnYQAIAAAAAQAAAAEABAAEAAAAAQAIAAEABgAAAAEAAAAAAAED/AGQAAUACAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQAB45lsDgP+AAFwDgACAAAAAAQAAAAAAAAQAAAAD6QAABAAAAAQAAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAFsAAEAAAAAAGYAAwABAAAALAADAAoAAAFsAAQAOgAAAAgACAACAAAAeOYD5lv//wAAAHjmAuZa//8AAAAAAAAAAQAIAAgACgAAAAEAAgADAAQABQAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAATAAAAAAAAAAFAAAAeAAAAHgAAAABAADmAgAA5gIAAAACAADmAwAA5gMAAAADAADmWgAA5loAAAAEAADmWwAA5lsAAAAFAAAAAAB2AIoAngDcARwAAAAFAAD/4QO8AxgAEwAoADEARABQAAABBisBIg4CHQEhJzQuAisBFSEFFRcUDgMnIychByMiLgM9ARciBhQWMjY0JhcGBwYPAQ4BHgEzITI2Jy4CJwE1ND4COwEyFh0BARkbGlMSJRwSA5ABChgnHoX+SgKiARUfIxwPPi3+SSw/FDIgEwh3DBISGRISjAgGBQUIAgIEDw4BbRcWCQUJCgb+pAUPGhW8HykCHwEMGScaTFkNIBsSYYg0bh0lFwkBAYCAARMbIA6nPxEaEREaEXwaFhMSGQcQDQgYGg0jJBQBd+QLGBMMHSbjAAAAAAEAAP/zAuUDDQAFAAABNwkBJwEBHDkBj/5xOQFQAtI7/nP+czsBUgABAAD/8wLlAw0ABQAAAScJATcBAuQ5/nEBjzn+sALSO/5z/nM7AVIAAwAA/8gDwAM3AA8AHwAgAAATATYyFhQHCQEWFAYiLwExEwE2MhYUBwkBFhQGIi8BMQE/AacPJx0O/p0BZA8eJg8oAwGoDycdD/6dAWUOHScOKP5+AYABqA4dJw/+nf6bDycdDigBggGoDh0nD/6d/psPJx0OKAGCAAAAAAMAAP/UA7UDKwAQACEAIgAACQEGIiY0NwkBJjQ2Mh8BMQEhAQYiJjQ3CQEmNDYyHwEjATEDtP5kDiYdDgFa/qUOHCYOJwF3/ob+ZA8mHA4BWf6lDh0mDicBAXgBf/5kDhwmDwFZAVsPJhwOJ/6J/mQOHCYPAVkBWw8mHA4n/okAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAMABUAAQAAAAAAAgAHACEAAQAAAAAAAwAMACgAAQAAAAAABAAMADQAAQAAAAAABQALAEAAAQAAAAAABgAMAEsAAQAAAAAACgArAFcAAQAAAAAACwATAIIAAwABBAkAAAAqAJUAAwABBAkAAQAYAL8AAwABBAkAAgAOANcAAwABBAkAAwAYAOUAAwABBAkABAAYAP0AAwABBAkABQAWARUAAwABBAkABgAYASsAAwABBAkACgBWAUMAAwABBAkACwAmAZkKQ3JlYXRlZCBieSBpY29uZm9udApsYXlkYXRlLWljb25SZWd1bGFybGF5ZGF0ZS1pY29ubGF5ZGF0ZS1pY29uVmVyc2lvbiAxLjBsYXlkYXRlLWljb25HZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQAKAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgBsAGEAeQBkAGEAdABlAC0AaQBjAG8AbgBSAGUAZwB1AGwAYQByAGwAYQB5AGQAYQB0AGUALQBpAGMAbwBuAGwAYQB5AGQAYQB0AGUALQBpAGMAbwBuAFYAZQByAHMAaQBvAG4AIAAxAC4AMABsAGEAeQBkAGEAdABlAC0AaQBjAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAQIBAwEEAQUBBgEHAAF4BnlvdXlvdQZ6dW96dW8HeGlheWl5ZQh4aWF5aXllMQAAAAA=);
    src: url(iconfont.0024bfb04303fd75db15.eot#iefix) format('embedded-opentype'),url(iconfont.54b324cc8d47c0dcaff9.svg#iconfont) format('svg'),url(data:font/woff;base64,d09GRgABAAAAAAXUAAsAAAAACOAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7khJY21hcAAAAYAAAAB0AAABuM8eA5hnbHlmAAAB9AAAAb8AAAI4BkbVmGhlYWQAAAO0AAAALwAAADYOn32WaGhlYQAAA+QAAAAcAAAAJAfeA4dobXR4AAAEAAAAABMAAAAYF+kAAGxvY2EAAAQUAAAADgAAAA4CMAFmbWF4cAAABCQAAAAfAAAAIAEVAF1uYW1lAAAERAAAAVQAAAKdV9IFUHBvc3QAAAWYAAAAOQAAAFI1Vl2SeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDyLZm7438AQw9zA0AAUZgTJAQAraQzLeJzFkdsNgCAMRW95GEMcxQmcwQng3y8HYOKugX3w4wRccqC9gZS0ADKAKJxCAugFQfWIS+ZHFPMTLsl3WUHOzpHbGBYFrhapyG4Ui4K8TVqBNiwTrSv912H7PTPte5/IFzk42luOjs6Fq6Oz4eYgfxDcFXd4nGWPMW/TQBiGv9eHnbgkd63tOIljJ7FDfUGBoBiTKIpoFhYQQ1WmwIQURpCqDmFAECGBQEIqO2JBoHZkgK0DIzPiDyDKL2A/uGzQnr7h3ud7pE8vmUR/frAjViOXujSga7RNBKuHhBsRYpn3jR4qsVmpepzJjowLnaTPrqKaWJ6fDfO0ahUsAY4mLsfZUPYNiSv5ljFB5kdAvRHccjZDh73GWk02n6kbxjtUWp1QbF1U1y9MvaztFhclx6k7zquiZZpFwzgjOO5Xfdu01yz13hRB5ah13mihVJfBzVm53XDuvsgfRJtVG1gu4Tba/GC6EWzoeRT4rlMvrJeLtaDcOedhcXy25pai9CfpB931t/GLlUm3xsiGBMIx9tXuGNvGt4naU3sT7JzwpI0RjOOx2sX+WH38x2Pa+8q+sBEJalGbyMUw872CDd+zkksYnMyY4kDIiKu3mItmKroMhzoLne/xSPKueowlDvVXI/VmpXbx9BRYdVnd/s4+sx6tU0wJkQ0rSXNdKs2HWUvfiv8HHQzYJzXnacRxW33gYcolFuq5mos05JhpFK0QHuKJ1sJUYIY7q51UL0+Bv937cGcAeJxjYGRgYABi1R8rHsXz23xl4GZhAIGrB2TOIuj/J1gYmM2BXA4GJpAoAFITC2MAeJxjYGRgYG7438AQw8IAAkCSkQEVsAEARwwCb3icY2FgYGB+ycDAwoCKARKfAQEAAAAAAAB2AIoAngDcARwAAHicY2BkYGBgYwhkYGUAASYg5gJCBob/YD4DABFIAXMAeJx1j7tKA0EYhc/kJm7EQomkHBsRQzYXrFIJgaSwSxHrzWY2F/YSZieBbX0HC5/Gx7Cz8zEET3ZHCYHsMD/fOXP+mX8BXOELAsXX4C5Y4IKq4BLOcGu5TP/ecoX8aLmKOp4s1+g/W3bQwovlOq7xyhtE5ZzqAW+WBZr4sFzCJT4tl+l/W66QfyxXcSMalmtoipZlB1MxtFzHnXh3hlp5Rs3lLJMrP4mDJDZO6GVzmu29MVGLbejpQ+uQp0qnqySWPbd7aI9VrPTfvelu0TcmkIFOIjniAyoME7nRyVr5xl0asxl0OoH1XT+JOOYQGgoeDOscEjNkrCv4SBAjyKthLmQmY6JItv8TE6oFtvm5Ppk65U+pNFLqvZLowUX3ZHpMFecdx/Om2HGKPl3DmSW3ZkdEGtk/ULw1JEts8rM1HZ++i2XetcEAHa7gKO/mb0e/IEZ6MXicY2BigAAuBuyAjZGJkZmRhZGVkY2RnYGxgq0yvxSI2KpK84GIvSIzsTKzMpUDShsyMAAA7YcMcwAAAA==) format('woff'),url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJW7khJAAABfAAAAFZjbWFwzx4DmAAAAewAAAG4Z2x5ZgZG1ZgAAAO0AAACOGhlYWQOn32WAAAA4AAAADZoaGVhB94DhwAAALwAAAAkaG10eBfpAAAAAAHUAAAAGGxvY2ECMAFmAAADpAAAAA5tYXhwARUAXQAAARgAAAAgbmFtZVfSBVAAAAXsAAACnXBvc3Q1Vl2SAAAIjAAAAFIAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAYAAQAAAAEAACX4qOJfDzz1AAsEAAAAAADVwBzNAAAAANXAHM0AAP/IBAADNwAAAAgAAgAAAAAAAAABAAAABgBRAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQP8AZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAHjmWwOA/4AAXAOAAIAAAAABAAAAAAAABAAAAAPpAAAEAAAABAAAAAQAAAAEAAAAAAAABQAAAAMAAAAsAAAABAAAAWwAAQAAAAAAZgADAAEAAAAsAAMACgAAAWwABAA6AAAACAAIAAIAAAB45gPmW///AAAAeOYC5lr//wAAAAAAAAABAAgACAAKAAAAAQACAAMABAAFAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAABMAAAAAAAAAAUAAAB4AAAAeAAAAAEAAOYCAADmAgAAAAIAAOYDAADmAwAAAAMAAOZaAADmWgAAAAQAAOZbAADmWwAAAAUAAAAAAHYAigCeANwBHAAAAAUAAP/hA7wDGAATACgAMQBEAFAAAAEGKwEiDgIdASEnNC4CKwEVIQUVFxQOAycjJyEHIyIuAz0BFyIGFBYyNjQmFwYHBg8BDgEeATMhMjYnLgInATU0PgI7ATIWHQEBGRsaUxIlHBIDkAEKGCcehf5KAqIBFR8jHA8+Lf5JLD8UMiATCHcMEhIZEhKMCAYFBQgCAgQPDgFtFxYJBQkKBv6kBQ8aFbwfKQIfAQwZJxpMWQ0gGxJhiDRuHSUXCQEBgIABExsgDqc/ERoRERoRfBoWExIZBxANCBgaDSMkFAF35AsYEwwdJuMAAAAAAQAA//MC5QMNAAUAAAE3CQEnAQEcOQGP/nE5AVAC0jv+c/5zOwFSAAEAAP/zAuUDDQAFAAABJwkBNwEC5Dn+cQGPOf6wAtI7/nP+czsBUgADAAD/yAPAAzcADwAfACAAABMBNjIWFAcJARYUBiIvATETATYyFhQHCQEWFAYiLwExAT8Bpw8nHQ7+nQFkDx4mDygDAagPJx0P/p0BZQ4dJw4o/n4BgAGoDh0nD/6d/psPJx0OKAGCAagOHScP/p3+mw8nHQ4oAYIAAAAAAwAA/9QDtQMrABAAIQAiAAAJAQYiJjQ3CQEmNDYyHwExASEBBiImNDcJASY0NjIfASMBMQO0/mQOJh0OAVr+pQ4cJg4nAXf+hv5kDyYcDgFZ/qUOHSYOJwEBeAF//mQOHCYPAVkBWw8mHA4n/on+ZA4cJg8BWQFbDyYcDif+iQAAABIA3gABAAAAAAAAABUAAAABAAAAAAABAAwAFQABAAAAAAACAAcAIQABAAAAAAADAAwAKAABAAAAAAAEAAwANAABAAAAAAAFAAsAQAABAAAAAAAGAAwASwABAAAAAAAKACsAVwABAAAAAAALABMAggADAAEECQAAACoAlQADAAEECQABABgAvwADAAEECQACAA4A1wADAAEECQADABgA5QADAAEECQAEABgA/QADAAEECQAFABYBFQADAAEECQAGABgBKwADAAEECQAKAFYBQwADAAEECQALACYBmQpDcmVhdGVkIGJ5IGljb25mb250CmxheWRhdGUtaWNvblJlZ3VsYXJsYXlkYXRlLWljb25sYXlkYXRlLWljb25WZXJzaW9uIDEuMGxheWRhdGUtaWNvbkdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAAoAQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdAAKAGwAYQB5AGQAYQB0AGUALQBpAGMAbwBuAFIAZQBnAHUAbABhAHIAbABhAHkAZABhAHQAZQAtAGkAYwBvAG4AbABhAHkAZABhAHQAZQAtAGkAYwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGwAYQB5AGQAYQB0AGUALQBpAGMAbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYBAgEDAQQBBQEGAQcAAXgGeW91eW91Bnp1b3p1bwd4aWF5aXllCHhpYXlpeWUxAAAAAA==) format('truetype');
}

.laydate-icon {
    font-family: laydate-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gearArea {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 10px;
    background-color: rgba(0,0,0,.2);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9900;
    overflow: hidden;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.area_ctrl {
    vertical-align: middle;
    background-color: #d5d8df;
    color: #000;
    margin: 0;
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9901;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slideInUp {
    -webkit-animation: .3s slideInUp;
    animation: .3s slideInUp;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.area_roll {
    display: flex;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: transparent;
    -webkit-mask: -webkit-linear-gradient(top,#debb47 50%,rgba(36,142,36,0));
}

    .area_roll > div {
        font-size: 1.6em;
        height: 10em;
        float: left;
        background-color: transparent;
        position: relative;
        overflow: hidden;
        flex: 1;
    }

        .area_roll > div .gear {
            width: 100%;
            float: left;
            position: absolute;
            z-index: 9902;
            margin-top: 4em;
        }

.area_roll_mask {
    -webkit-mask: -webkit-linear-gradient(bottom,#debb47 50%,rgba(36,142,36,0));
    padding: 0;
}

.area_grid {
    position: relative;
    top: 4em;
    width: 100%;
    height: 2em;
    margin: 0;
    box-sizing: border-box;
    z-index: 0;
    border-top: 1px solid #abaeb5;
    border-bottom: 1px solid #abaeb5;
}

.area_roll > div:nth-child(3) .area_grid > div {
    left: 42%;
}

.area_btn {
    color: #0575f2;
    font-size: 1.6em;
    line-height: 1em;
    text-align: center;
    padding: .8em 1em;
}

.area_btn_box:after, .area_btn_box:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    display: block;
    background-color: #96979b;
    z-index: 15;
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33);
}

.area_btn_box {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background-color: #f1f2f4;
    position: relative;
}

    .area_btn_box:before {
        left: 0;
        top: 0;
        -webkit-transform-origin: 50% 20%;
        transform-origin: 50% 20%;
    }

    .area_btn_box:after {
        left: 0;
        bottom: 0;
        -webkit-transform-origin: 50% 70%;
        transform-origin: 50% 70%;
    }

.tooth {
    height: 2em;
    line-height: 2em;
    text-align: center;
    display: flex;
    line-clamp: 1;
    flex-direction: column;
    overflow: hidden;
}
